reactjs MUI安装不适用于React 18

wwwo4jvm 于 2023-01-08 发布在 React

关注(0)|答案(7)|浏览(171)

我试图安装材料用户界面核心和图标与我的React18.0项目，但我不能。该项目已创建使用最新的create-react-app npm install @material-ui/core @material-ui/icons

npm ERR! code ERESOLVE
npm ERR! ERESOLVE unable to resolve dependency tree
npm ERR!
npm ERR! While resolving: client@0.1.0
npm ERR! Found: react@18.0.0
npm ERR! node_modules/react
npm ERR!   react@"^18.0.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.3
npm ERR! node_modules/@material-ui/core
npm ERR!   peer @material-ui/core@"^4.0.0" from @material-ui/icons@4.11.2
npm ERR!   node_modules/@material-ui/icons
npm ERR!     @material-ui/icons@"*" 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缓存文件夹，并重新安装它仍然不工作

reactjs

来源：https://stackoverflow.com/questions/71713111/mui-installation-doesnt-work-with-react-18

7条答案

按热度按时间

chhqkbe11#

npm install @mui/material @emotion/react @emotion/styled --legacy-peer-deps
npm install @mui/icons-material --legacy-peer-deps

Github问题：https://github.com/mui/material-ui/issues/32074

赞(0）回复(0）举报 2023-01-08

0tdrvxhp2#

使用npm install @mui/material @emotion/react @emotion/styled --force安装

赞(0）回复(0）举报 2023-01-08

yrwegjxp3#

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

2022年4月24日实际值：

材料-用户界面/核心v4.12.4
Reactv18.0.0

赞(0）回复(0）举报 2023-01-08

hrirmatl4#

您可以使用Materal UI v5进行React18

第一个月
或
让MUI与Reactjs一起工作的另一种方法是将react的版本降级到17。
你只需要把react版本和react-dom版本降级到17就可以了。
检查你的package.json文件，你会发现react和react-dom版本为18，你必须降低版本，使mui v4与Reactjs一起工作。
降级到版本17时使用--force标志
或者，如果你不想降低你的React18至17然后按照下面的指示。
对于react〉= 17.0.0和react-dom〉= 17.0.0，请使用MUI v5。
如果使用的react版本大于17，则必须安装Material UI（版本）v5。
注：无论如何，如果MUI v5不适用于react@17.0.x，则安装MUI（版本）v4。

npm install @mui/material @emotion/react @emotion/styled

以及
对于react〉= 16.8.0和react-dom〉= 16.8.0，则使用此函数。

// with npm
npm install @material-ui/core

// with yarn
yarn add @material-ui/core

赞(0）回复(0）举报 2023-01-08

wgx48brx5#

这是新版本react的问题。他们正在努力发布新版本的Material UI。同时我们可以通过使用--legacy-peer-deps来解决这个问题。
这就是：https://namespaceit.com/blog/mui-installation-doesnt-work-with-react-18

npm install @mui/material @emotion/react @emotion/styled --legacy-peer-deps
npm install @mui/icons-material --legacy-peer-deps

赞(0）回复(0）举报 2023-01-08

au9on6nz6#

您应该将新版本的材质UI与react 18一起使用
要使用以下命令安装新版本：

// with npm
npm install @mui/material @emotion/react @emotion/styled

// with yarn
yarn add @mui/material @emotion/react @emotion/styled

赞(0）回复(0）举报 2023-01-08

gdx19jrr7#

我使用了--force标志，它对我很有效
npm install @material-ui/core

赞(0）回复(0）举报 2023-01-08

我来回答

reactjs MUI安装不适用于React 18

7条答案

您可以使用Materal UI v5进行React18

相关问题

热门标签

最新问答