could not resolve dependency: npm err! peer react@“^16.8.0 || ^17.0.0“ from @material-ui/core@4.12.4

问题

在执行 npm install 时看到以下错误：

could not resolve dependency: npm err! peer react@"^16.8.0 || ^17.0.0" from @material-ui/core@4.12.4

环境

"dependencies": {"@material-ui/core": "^4.12.4","@material-ui/icons": "^4.11.3","@testing-library/jest-dom": "^5.16.5","@testing-library/react": "^13.3.0","@testing-library/user-event": "^13.5.0","fontsource-roboto": "^4.0.0","i18next": "^21.9.1","i18next-browser-languagedetector": "^6.1.5","react": "^18.2.0","react-dom": "^18.2.0","react-i18next": "^11.18.4","react-scripts": "5.0.1","web-vitals": "^2.1.4"},

说明

系统使用了 Material UI （MUI）和 ReactJS 18，很明显 MUI 的最新版本没有支持 ReactJS 18。

解决方案

使用以下命令，让 NPM 支持更高的 ReactJS 版本

npm config set legacy-peer-deps true

总结

本文介绍了如何解决因为 Material UI 这样的 NPM 包不支持更高版本的依赖项 ReactJS 的解决方案。

参考链接

https://stackoverflow.com/questions/72596908/could-not-resolve-dependency-error-peer-react16-8-0-17-0-0-from-materia

could not resolve dependency: npm err! peer react@“^16.8.0 || ^17.0.0“ from @material-ui/core@4.12.4相关推荐

npm报错 npm ERR! Could not resolve dependency:npm ERR! peer pug@“^2.0.0“ from pug-loader@2.4.0
npm报错 npm ERR! Could not resolve dependency:npm ERR! peer pug@"^2.0.0" from pug-loader@2.4 ...
vue3安装vuex报错： Could not resolve dependency npm ERR peer vue@“^2.0.0“ from vuex@3.6.2
解决方法: 输入npm install vuex@next --save,就可以安装成功
npm安装报错：npm ERR! Verification failed while extracting mocha-el-ui@2.1.0
报错信息:大概意思就是认证信息失败解决方案:删除安装的node-modules 和 package-lock.json 两个文件再重新安装 npm install,就行了
NPM包发布过程中报错——`npm ERR! Unexpected token ＜ in JSON at position 0 while parsing near ‘＜!DOCTYPE HTML P
1.异常报错过程:发包过程中,进行 npm login 时出现以下报错 2.报错原因:npm 的镜像源异常,且代理未进行设置 3.解决 npm config get proxy npm config ...
当在终端中用 npm 安装 Vant 组件库时，发生“npm ERR code ERESOLVE ；npm ERRERESOLVE could not resolve；”报错时，该怎么办？
出现的问题: 当在终端中用 npm 安装 Vant 组件库时,发生 npm ERR! code ERESOLVE: npm ERR! ERESOLVE could not resolve:报错时, ...
npm 报错: npm ERR! code ERESOLVE ， npm ERR! code E404
npm 报错: PS D:\Software\HBuilderX\Workspace\vant\vant-demo\vant\vue2> npm install npm ERR! code ER ...
【npm i 报错解决方法】npm ERR! code ERESOLVEnpm ERR!npm ERR! While resolving: by-web@1.2.2npm ERR!
[npm i 报错解决方法]npm ERR! code ERESOLVE npm ERR! ERESOLVE unable to resolve dependency tree npm ERR! np ...
npm ERR! code ERESOLVEnpm ERR! ERESOLVE could not resolvenpm ERR! npm ERR! While resolving: @vue/
Vue开发中使用npm安装插件出现的报错: npm ERR! code ERESOLVE npm ERR! ERESOLVE could not resolve npm ERR! npm ERR! ...
npm ERR! code ERESOLVE npm ERR! ERESOLVE unable to resolve dependency tree
问题 npm ERR! code ERESOLVE npm ERR! ERESOLVE unable to resolve dependency tree npm ERR! npm ERR! Foun ...

could not resolve dependency: npm err! peer react@“^16.8.0 || ^17.0.0“ from @material-ui/core@4.12.4

问题

环境

说明

解决方案

总结

参考链接

could not resolve dependency: npm err! peer react@“^16.8.0 || ^17.0.0“ from @material-ui/core@4.12.4相关推荐

最新文章

热门文章