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。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

问题

在执行 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日
    浏览(38)
  • 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日
    浏览(31)
  • npm ERR! code ERESOLVE npm ERR! ERESOLVE could not resolve

     有很多类似这样的异常,而我统一叫npm报错 ERESOLVE 解决方案: npm 配置集旧版-对等-对等值设置为 true 后边继续执行npm安装插件操作  当然还有一个类似的 解决方案 ,就是在里 安装插件的命令后面加上 我举个例子,安装axios 这个是我没试过的,但是第一个解决方案一个道

    2024年02月14日
    浏览(38)
  • 解决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日
    浏览(117)
  • npm ERR code ERESOLVE ;npm ERRERESOLVE could not resolve

    安装 npm 插件时出现错误 报错的原因可能是 : npm 版本问题, npm 的不同版本对不同的组件库等命令不兼容,对命令的要求更严格; 最简单的解决方法是将 --legacy-peer-deps 标志传递给 npm ,解决指令例如:

    2024年02月15日
    浏览(30)
  • 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日
    浏览(33)
  • 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日
    浏览(38)
  • 【报错】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日
    浏览(36)
  • 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日
    浏览(45)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包