Material UI 中缺少组件答案

【问题标题】：Missing components in Material UIMaterial UI 中缺少组件
【发布时间】：2021-04-27 20:47:57
【问题描述】：

Material UI 的每个组件都可以正常工作，但是当我第一次尝试使用 ImageList 和 ImageListItem 时出现此错误

ERROR in ./client/src/user-imageboard.js 3:0-52
Module not found: Error: Can't resolve '@material-ui/core/ImageList' in '/home/carlos/spiced/spiced-final-project/client/src'
 @ ./client/src/profile.js 13:0-47 58:26-40
 @ ./client/src/app.js 17:0-32 43:35-42
 @ ./client/src/start.js 10:0-24 25:32-35

ERROR in ./client/src/user-imageboard.js 4:0-60
Module not found: Error: Can't resolve '@material-ui/core/ImageListItem' in '/home/carlos/spiced/spiced-final-project/client/src'
 @ ./client/src/profile.js 13:0-47 58:26-40
 @ ./client/src/app.js 17:0-32 43:35-42
 @ ./client/src/start.js 10:0-24 25:32-35

我检查了 node_modules 文件夹，但它不存在。我试图删除文件夹 @material-ui/core 并重新安装，但仍然不存在。

组件无处可寻。 material-ui 版本为@material-ui/core": "^4.11.2"

这是我导入和嵌套的组件。

import ImageList from '@material-ui/core/ImageList';
import ImageListItem from '@material-ui/core/ImageListItem';

const UserImageBoard = () => {
    return (
        <ImageList variant="masonry" cols={3} gap={8}>
            <ImageListItem>
                <img src="/default.jpg"> </img>
            </ImageListItem>
            <ImageListItem>
                <img src="/default.jpg"> </img>
            </ImageListItem>
            <ImageListItem>
                <img src="/default.jpg"> </img>
            </ImageListItem>
        </ImageList>
    );
};

export default UserImageBoard;

【问题讨论】：

标签： reactjs material-ui css-frameworks

【解决方案1】：

4.11.2 中似乎没有 ImageList 或 ImageListItem 组件，这是当前最新版本。
你需要@material-ui/core@next，它目前是5.0.0-alpha.23，并且确实包括here看到的那些新组件

【讨论】：