Material-UI Accordion（以前的 ExpansionTable）组件不会导入答案

【问题标题】：Material-UI Accordion (formerly ExpansionTable) component won't importMaterial-UI Accordion（以前的 ExpansionTable）组件不会导入
【发布时间】：2020-07-01 16:04:09
【问题描述】：

我正在使用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;

我的所有其他组件都可以与导入的 Material-UI 组件一起正常工作。

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

【问题讨论】：

您是否尝试重新安装@material-ui/core 或重新启动网络服务器？ :D

标签： reactjs import material-ui

【解决方案1】：

ExpansionPanel 一直是 renamed to Accordion 。由于您的错误，您似乎使用的是 material-ui-core 版本4.10.2（或更低版本）。

使用material-ui-core版本4.11.0或更高版本。

Working demo of your code in codesandbox

【讨论】：

【解决方案2】：

安装 Material UI Core

npm i @material-ui/core

所以，应该是@material-ui/core@4.11.0

然后，它的工作。玩得开心！

【讨论】：

或npm install @material-ui/core@latest

【解决方案3】：

我遇到了基本相同的问题。错误是：

“无法解析'@material-ui/icons/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，一切都很好:)

【讨论】：

请记住，其中许多组件已经安装。我根据错误安装的新的是：物化的3个，头像，clsx。然后 npm update 带来了这两个 react 组件
是的，我更新了@material-ui/core": "^4.11.0",

【解决方案4】：

Accordion的名字最近改成了ExpansionPanel，所以像这样导入：

import Accordion from '@material-ui/core/ExpansionPanel';
import AccordionSummary from '@material-ui/core/ExpansionPanelSummary';
import AccordionDetails from '@material-ui/core/ExpansionPanelDetails';
import ExpandMoreIcon from '@material-ui/icons/ExpandMore';

【讨论】：

【解决方案5】：

Material-UI Accordion（以前是 ExpansionTable）组件不会导入，因为它已被重命名，所以它的更新问题，所以要更新文件夹中的 Material ui 和其他包，请运行命令

npm outdated

过时的依赖会被列出来

npm 更新

或

npm update  "react" "react-dom"

要更新特定的包，然后运行这个命令来安装特定的包

npm install react@latest react-dom@latest

或

npm install

安装所有包

【讨论】：