npm 无法在React中安装@mui/styles

n53p2ov0  于 2022-11-14  发布在  React
关注(0)|答案(2)|浏览(285)

我无法安装@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!

我错过了什么?我找不到问题所在。

qni6mghb

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

zd287kbt

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”开头

相关问题