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

1年前作者：surfirst分类：Toy博客阅读(10)违法举报

这篇具有很好参考价值的文章主要介绍了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://www.toymoban.com/news/detail-505297.html

参考链接

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的文章就介绍完了。如果您还想了解更多内容，请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章，希望大家以后多多支持TOY模板网！

本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如若转载，请注明出处：如若内容造成侵权/违法违规/事实不符，请点击违法举报进行投诉反馈，一经查实，立即删除！

分享到：

领支付宝红包赞助服务器费用

解决npm install时报错Could not resolve dependency
最近在新的项目使用npm install时发现报错： npm WARN cli npm v9.6.4 does not support Node.js v15.14.0. This version of npm supports the following node versions: `^14.17.0 || ^16.13.0 || =18.0.0`. You can find the latest version at https://nodejs.org/. npm ERR! code ERESOLVE npm ERR! ERESOLVE could not resolve npm ERR! npm ERR! While resolving:
2024年02月08日
浏览(7)
Could not resolve dependency: peer vite@“^2.5.10“ from @vitejs/plugin-vue@2.1.0
github中fork后： npm i 安装项目依赖时报错：报错中有提供解决方案：使用： npm install --force 或 npm install --legacy-peer-deps 问题：在使用 npm install --legacy-peer-deps 时，依旧报错：使用： npm install --force ，安装依赖包成功
2024年02月14日
浏览(10)
npm ERR! code ERESOLVE npm ERR! ERESOLVE could not resolve
有很多类似这样的异常，而我统一叫npm报错 ERESOLVE 解决方案： npm 配置集旧版-对等-对等值设置为 true 后边继续执行npm安装插件操作当然还有一个类似的解决方案，就是在里安装插件的命令后面加上我举个例子，安装axios 这个是我没试过的，但是第一个解决方案一个道
2024年02月14日
浏览(32)
解决npm ERR! code ERESOLVE -npm ERR! ERESOLVE could not resolve
当使用一份vue源码开发项目时，npm install 报错了 npm ERR! code ERESOLVE npm ERR! ERESOLVE could not resolve npm ERR! npm ERR! While resolving: vue-admin-template@4.4.0 npm ERR! Found: webpack@4.46.0 npm ERR! node_modules/webpack npm ERR! webpack@\\\"^4.0.0\\\" from @vue/cli-plugin-babel@4.4.4 npm ERR! node_modules/@vue/cli-plugin-babel npm ERR! dev
2024年02月14日
浏览(33)
npm i时报错npm ERR! code ERESOLVE npm ERR! ERESOLVE could not resolve npm ERR! npm ERR! While resolving
使用npm或yarn安装第三方包。使用npm命令和yarn命令混合使用会出现安装包冲突。如果将 yarn.lock 和 package.lock 文件放在一起，有时会变得很困难，因为存在不同步的风险 yarn install 安装生成的 yarn.lock 文件与 npm install 生成的 package-lock.json 文件时间相差较远，造成了 yarn.lock 的
2024年02月09日
浏览(29)
npm ERR code ERESOLVE ；npm ERRERESOLVE could not resolve
安装 npm 插件时出现错误报错的原因可能是： npm 版本问题， npm 的不同版本对不同的组件库等命令不兼容，对命令的要求更严格；最简单的解决方法是将 --legacy-peer-deps 标志传递给 npm ，解决指令例如:
2024年02月15日
浏览(32)
npm install出现npm ERR! code ERESOLVE npm ERR! ERESOLVE could not resolve
PS E:myvuebookshop npm i npm ERR! code ERESOLVE npm ERR! ERESOLVE could not resolve npm ERR! npm ERR! While resolving: @vue/eslint-config-standard@6.1.0 npm ERR! Found: eslint-plugin-vue@8.7.1 npm ERR! node_modules/eslint-plugin-vue npm ERR! dev eslint-plugin-vue@\\\"^8.0.3\\\" from the root project npm ERR! npm ERR! Could not resolve dependency: npm ERR! p
2024年02月11日
浏览(35)
npm 执行命令时报错npm ERR! code ERESOLVE npm ERR! ERESOLVE could not resolve
npm ERR! code ERESOLVE npm ERR! ERESOLVE could not resolve npm ERR! npm ERR! While resolving: @vue-office/docx@1.3.0 npm ERR! Found: vue-demi@0.14.6 npm ERR! node_modules/vue-demi npm ERR! vue-demi@“^0.14.6” from the root project npm ERR! vue-demi@“*” from @vueuse/core@9.13.0 npm ERR! node_modules/@vueuse/core npm ERR! @vueuse/core@“^9.1.0” from
2024年02月07日
浏览(34)
【报错】npm ERR! ERESOLVE could not resolve、certificate has expired
使用npm淘宝镜像 https://registry.npm.taobao.org 年前创建的vue3项目 npm install 完后没有使用ui写了点杂七杂八的东西，年后看到一篇文章有点兴趣，掏出来准备试一下，本打算安装element-plus 写起来方便点 npm install element-plus --save ，结果就运行后就报错看这一堆眼花缭乱的，其实最有
2024年02月22日
浏览(30)
npm ERR! code ERESOLVE npm ERR! ERESOLVE unable to resolve dependency tree
当我们拿到一个前端项目的时候，想要把它运行起来，首先是要给它安装依赖，即cd到当前项目根目录下去执行npm install命令，然后有一定几率在终端你会遇到这样的报错： npm ERR! code ERESOLVE npm ERR! ERESOLVE unable to resolve dependency tree 用我的中式英语翻译一下就是：不能解析依赖
2023年04月12日
浏览(29)