Material-UI Accordion（以前称为 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;

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

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

Answer 1

ExpansionPanel 已重命名为 Accordion。由于您的错误，您似乎使用的是 material-ui-core 版本4.10.2（或更低版本）。

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

在 codeandbox 中演示您的代码

Answer 2

安装 Material UI 核心

npm i @material-ui/core

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

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