我按照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之前尝试了一个不同的模块,我在那个模块上遇到了同样的问题。
1条答案
按热度按时间tvmytwxo1#
您正在使用来自**@mui/lab依赖项的TreeView组件,该依赖项包含尚未准备好成为主@mui/material**依赖项一部分的组件,如here所示。
要解决这个问题,请将依赖项添加到运行
npm install @mui/lab
的package.json
。同样的情况也发生在你试图使用的图标上,你需要添加
@mui/icons-material
来使用它们。