我无法安装@material-ui/core
或@mui/styles
我的React和MUI版本为
"react": "^18.2.0",
"react-dom": "^18.2.0",
"react-scripts": "5.0.1",
"@mui/icons-material": "^5.10.9",
"@mui/material": "^5.10.10",
"@emotion/react": "^11.10.4",
"@emotion/styled": "^11.10.4",
当我尝试使用makeStyles
时,它说我需要安装@mui/styles
,但当我尝试安装它时,它给出以下错误
npm ERR! code ERESOLVE
npm ERR! ERESOLVE unable to resolve dependency tree
npm ERR!
npm ERR! While resolving: my-app@0.1.0
npm ERR! Found: react@18.2.0
npm ERR! node_modules/react
npm ERR! react@"^18.2.0" from the root project
npm ERR!
npm ERR! Could not resolve dependency:
npm ERR! peer react@"^16.8.0 || ^17.0.0" from @material-ui/core@4.12.4
npm ERR! node_modules/@material-ui/core
npm ERR! @material-ui/core@"*" from the root project
npm ERR!
npm ERR! Fix the upstream dependency conflict, or retry
npm ERR! this command with --force, or --legacy-peer-deps
npm ERR! to accept an incorrect (and potentially broken) dependency resolution.
npm ERR!
我错过了什么?我找不到问题所在。
2条答案
按热度按时间qni6mghb1#
如https://mui.com/styles/basics/中所述,
@mui/styles
是Material UI v4的传统样式解决方案。无法保证与React 18的兼容性。如果您希望继续使用@mui/styles
,MUI团队的建议是继续使用React 17。完整的对话可以在这里找到:https://github.com/mui/material-ui/issues/32142
zd287kbt2#
@material-ui/core
库来自主版本4(正如您可以通过错误片段from @material-ui/core@4.12.4
看到的),而那些以@mui/...
开始的库属于主版本5。Material UI v4最高仅支持React 17(正如您可以通过错误片段peer react@"^16.8.0 || ^17.0.0"
看到的)。因为您使用的是React 18,所以您必须安装v5而不是v4。
@mui/styles
是v5,所以您的依赖项中有另一个库要求@material-ui/core v4
,或者您在某个时候不小心添加了错误的库。请检查您项目中的每个Material依赖项是否以“@mui”而不是“@material-ui”开头