Material UI中缺少组件

莱格伦

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;
别墅7_

4.11.2中似乎没有最新版本ImageListImageListItem组件您将需要当前使用的组件,并包括此处看到的那些新组件
@material-ui/core@next5.0.0-alpha.23

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章

MUI 组件的类型中缺少 Typescript Material UI 属性“类”

React中Material-UI中的可滚动列表组件

部署时缺少 Angular Material 组件

在Material-UI中控制菜单组件的宽度

将Material-ui React组件居中于页脚元素中

在React中设置Material UI的TextField组件的defultValue

使用Material-UI从React中的组件增强

如何摆脱Material UI容器组件中的填充?

如何根据URL更改Material UI组件中的道具?

在表单中如何使用Material UI的React评分组件?

React onDragStart在Material UI Autocomplete组件中不触发

如何在组件中运行 Material UI 示例片段

React + Material UI-使用样式覆盖组件中的MuiTheme

material-ui中的隐藏组件,如何防止渲染?

带有Material-ui列表的抽屉中的渲染组件

在Material UI中调整组件的大小而不会变形

在动态网站的 Material UI Drawer 组件中链接 href

如何在Material UI中的Avatar组件上使用阴影

如何在 React Material UI 的 AppBar 组件中设置容器?

在 Material UI 菜单组件中禁用“通过键入选择”

数据更改时如何刷新ReactJS中的Material-Table(Material-ui)组件

我无法使用样式化组件在Material-UI中居中放置Button组件

如何在Material UI Drawer组件中包含主要组件的宽度?

如何通过单击父组件中的 Material UI 图标来控制子组件

使用SASS类覆盖Material UI组件

无法覆盖嵌套 Material UI 组件的样式

如何获取 Material UI 'Autocomplete' 组件的名称?

ReactJS Material UI组件CSS类,澄清

React Material UI BottomNavigation组件路由问题