reactjs Material UI安装不适用于React 18

n53p2ov0 于 2023-05-22 发布在 React

关注(0)|答案(8)|浏览(505)

我试图在我的React 18.0项目中安装Material UI和图标，但我不能。该项目已使用最新的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-cache文件夹并重新安装它仍然不起作用

reactjs

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

8条答案

按热度按时间

vjrehmav1#

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-05-22

2ic8powd2#

reactjs18可以使用Materal UI v5

https://mui.com/material-ui/getting-started/installation/
或
让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-05-22

cetgtptt3#

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

2022.04.24实际：

Material-ui/core v4.12.4
Reactv18.0.0

赞(0）回复(0）举报 2023-05-22

4uqofj5v4#

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

赞(0）回复(0）举报 2023-05-22

hujrc8aj5#

这是MUI在新版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-05-22

11dmarpk6#

你应该使用新版本的Material UI与react18
要使用以下命令安装新版本：

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

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

赞(0）回复(0）举报 2023-05-22

35g0bw717#

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

赞(0）回复(0）举报 2023-05-22

cygmwpex8#

使用此链接：https://mui.com/material-ui/getting-started/installation/查找react 18安装的Material UI版本：npm install @mui/material @emotion/react @emotion/styled

赞(0）回复(0）举报 2023-05-22

我来回答

reactjs Material UI安装不适用于React 18

8条答案

reactjs18可以使用Materal UI v5

相关问题

热门标签

最新问答