资料-UI手风琴组件(以前的ExpansionTable)不会导入

Question

到目前为止，我正在使用Material-UI构建一个应用程序。我正在尝试使用Accordion组件构建一个组件，但是在试图导入它时遇到了一个错误：

Module not found: Can't resolve '@material-ui/core/Accordion' in [path]

我尝试通过默认导入和命名导入来导入它，但是结果是一样的。

构成部分：

import React from 'react';
//  import {
//     Accordion,
//     AccordionSummary,
//     AccordionDetails
//  } from '@material-ui/core';
import Accordion from '@material-ui/core/Accordion';
import AccordionSummary from '@material-ui/core/AccordionSummary';
import AccordionDetails from '@material-ui/core/AccordionDetails';
import ExpandMoreIcon from '@material-ui/icons/ExpandMore';


const JobCard = () => {

    return(
        <Accordion expanded={true}>
            <AccordionSummary
                expandIcon={<ExpandMoreIcon />}
            >
                test
            </AccordionSummary>
            <AccordionDetails>
                test
            </AccordionDetails>
        </Accordion>
    );
}

export default JobCard;

我的所有其他组件都可以很好地处理导入的资料-UI组件。

我是不是遗漏了什么我做错了什么？有人遇到过这样的问题吗？

Answer 1

ExpansionPanel一直是改名为手风琴。由于您的错误，它看起来您使用的材料-ui核心版本4.10.2 (或更低)。

使用材料-ui核心版本或更高版本的.

代码框中代码的工作演示

Answer 2

安装材料UI核心

npm i @material-ui/core

所以，它将是@material-ui/core@4.11.0

那么，它起作用了。玩得开心！！

Answer 3

我基本上也有同样的问题。错误是：

“无法解析‘@material ui/图标/ExpandMore’”

在安装以下内容之后：

"@material-ui/core": "^4.11.0",
"@material-ui/icons": "^4.9.1",
"avatar": "^0.1.0",
"clsx": "^1.1.1",
"jquery": "^3.5.1",
"material-ui": "^0.20.2",
"react": "^16.14.0",
"react-dom": "^16.14.0",
"react-ga": "^2.7.0",
"react-scripts": "1.0.17"

我运行了npm update，一切都很好:)