在VSCode中运行npm install @material-ui/core时出错

Question

PS C:Usersmissstnodejs_ec>NPM install @material-ui/core

npm WARN config global--global,--local已弃用。使用--location=global代替。npm犯错!代码ERESOLVEnpm犯错!无法解析依赖树npm犯错!npm犯错!同时解决:tnodejs_ec@0.1.0npm犯错!发现:react@18.2.0npm犯错!node_modules/反应npm犯错!react@" 18.2.0"从根项目npm犯错!npm犯错!无法解决依赖项:npm犯错!Peer react@"^16.8.0 || ^17.0.0"从@material-ui/core@4.12.4npm犯错!node_modules/@material-ui/核心npm犯错!@material-ui/core@" *";从根项目npm犯错!npm犯错!修复上游依赖冲突，或者重试npm犯错!这个命令带有——force或——legacy-peer-depsnpm犯错!接受不正确(并且可能损坏)的依赖项解析。npm犯错!npm犯错!完整的报告请参见c: users miss appdata local npm-cache erresolve -report.txt。

npm犯错!这次运行的完整日志可以在下面找到:npm犯错!C:UsersmisssAppDataLocal npm-cache_logs 2022 - 07 - 04 - t09_27_24_111z -调试- 0. -日志PS C:Usersmisss tnodejs_ec>

Answer 1

如果你真的想安装material UI，那么无论发生什么情况，你都必须强制安装npm。

npm install @material-ui/core --force

Answer 2

MUI不能在React18上工作，这是由于MUI以前发布的一个问题，现在在最新版本中已经修复了。

如果您想坚持使用@material-ui/core@4.12.4，那么您最好的选择是包含--legacy-peer-deps选项。我让它工作后，添加了这个选项，如

npm install @material-ui/core --legacy-peer-deps

但是，最好的方法是更新到最新的MUI版本。MUI的当前版本是v5.10.1

PS:随着最近的更新，NPM注册表中的包名也被更新了

old:@material-ui/core

new:@mui/material

别忘了更新你的package.json