reactjs - 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

扩展面板已renamed to Accordion .由于您的错误，您似乎使用的是 material-ui-core 版本 4.10.2 (或以下)。
使用 material-ui-core 版本 4.11.0或更高 .
Working demo of your code in codesandbox