我已经尝试了这里所有的建议,但没有工作。材质UI图标的问题:npm安装:无法解决依赖树和下面这个:React 18的create-react-app依赖版本问题请问我们能做些什么来解决这个问题?下面是我的package.lock.json。
"name": "cashflowbr",
"version": "0.1.0",
"lockfileVersion": 2,
"requires": true,
"packages": {
"": {
"name": "cashflowbr",
"version": "0.1.0",
"dependencies": {
"@emotion/react": "^11.9.0",
"@emotion/styled": "^11.8.1",
"@fontsource/roboto": "^4.5.5",
"@mui/icons-material": "^5.6.2",
"@mui/material": "^5.6.2",
"@testing-library/jest-dom": "^5.16.4",
"@testing-library/react": "^13.1.1",
"@testing-library/user-event": "^13.5.0",
"react": "^17.0.2",
"react-dom": "^17.0.2",
"react-scripts": "5.0.1",
"web-vitals": "^2.1.4"
}
您在安装MUI版本5时试图导入MUI版本4组件。
您的导入应该来自@mui/material
(版本5),而不是@material-ui/core
(版本4)。
选项1
将导入更改为使用已安装的库(@mui/material
),例如:
import AppBar from '@mui/material/AppBar';
import Box from '@mui/material/Box';
import Toolbar from '@mui/material/Toolbar';
import Typography from '@mui/material/Typography';
import Button from '@mui/material/Button';
import IconButton from '@mui/material/IconButton';
import MenuIcon from '@mui/icons-material/Menu';
选项2
更改您的package.json
以安装MUIv4。
删除:
"@emotion/react": "^11.9.0",
"@emotion/styled": "^11.8.1",
...
"@mui/icons-material": "^5.6.2",
"@mui/material": "^5.6.2",
…并添加:
"@material-ui/core": "4.11.3",
"@material-ui/icons": "4.11.3",
最后运行npm install
。删除你的node_modules
文件夹,然后npm install
,如果你有任何问题之后。