npm找不到material-ui模块即使它是正确安装的

c3frrgcw  于 2023-01-21  发布在  其他
关注(0)|答案(1)|浏览(316)

我按照material-ui网站上的说明安装了这个软件包:

npm install @mui/material @emotion/react @emotion/styled

并使用npm ls验证模块是否正确安装

npm ls
pwiki-frontend@0.1.0 /home/gilles/web-dev/pwiki-frontend
├── ...
├── @emotion/styled@11.10.5
├── @mui/material@5.11.4
├── @mui/styled-engine-sc@5.11.0
├── ...

我在index.js中包含了我想从模块中使用的组件,如下所示(来自their demo):

import TreeView from '@mui/lab/TreeView';
import ExpandMoreIcon from '@mui/icons-material/ExpandMore';
import ChevronRightIcon from '@mui/icons-material/ChevronRight';
import TreeItem from '@mui/lab/TreeItem';

当我使用npm start启动开发服务器时,我得到了以下输出:

Module not found: Error: Can't resolve '@mui/lab/TreeView' in '/path/to/root-dir/src'
ERROR in ./src/index.js 11:0-41
Module not found: Error: Can't resolve '@mui/lab/TreeView' in '/path/to/root-dir/src'

ERROR in ./src/index.js 12:0-60
Module not found: Error: Can't resolve '@mui/icons-material/ExpandMore' in '/path/to/root-dir/src'

ERROR in ./src/index.js 13:0-64
Module not found: Error: Can't resolve '@mui/icons-material/ChevronRight' in '/path/to/root-dir/src'

ERROR in ./src/index.js 14:0-41
Module not found: Error: Can't resolve '@mui/lab/TreeItem' in '/path/to/root-dir/src'

我尝试过使用相对路径和全局路径导出NODE_PATH,但都不起作用。

export NODE_PATH=./node_modules
export NODE_PATH=/path/to/root_dir/node_modules

我哪里做错了?
我认为一个简单的'npm安装'就足以让所有东西正常工作了。我在material-ui之前尝试了一个不同的模块,我在那个模块上遇到了同样的问题。

tvmytwxo

tvmytwxo1#

您正在使用来自**@mui/lab依赖项的TreeView组件,该依赖项包含尚未准备好成为主@mui/material**依赖项一部分的组件,如here所示。
要解决这个问题,请将依赖项添加到运行npm install @mui/labpackage.json
同样的情况也发生在你试图使用的图标上,你需要添加@mui/icons-material来使用它们。

相关问题