cannot install @material-ui/core using npm

Question

I tried to install @material-ui/core librabry but then npm throws the error below

I used the

npm install @material-ui

command

npm ERR! code ERESOLVE
npm ERR! ERESOLVE unable to resolve dependency tree
npm ERR! 
npm ERR! While resolving: [email protected]
npm ERR! Found: [email protected]
npm ERR! node_modules/react
npm ERR!   react@"^17.0.1" from the root project
npm ERR! 
npm ERR! Could not resolve dependency:
npm ERR! peer react@"^16.8.0" from @material-ui/[email protected]
npm ERR! node_modules/@material-ui/core
npm ERR!   @material-ui/core@"*" 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 ERR! 
npm ERR! See /home/freduah/.npm/eresolve-report.txt for a full report.

npm ERR! A complete log of this run can be found in:
npm ERR!     /home/freduah/.npm/_logs/2020-11-02T14_50_03_045Z-debug.log
freduah@freduah:~/school-demo$ ```

Please refer to github.com/mui-org/material-ui/releases/tag/v4.11.2 — iamnabink
– iamnabink, Commented Mar 6, 2021 at 19:57

PLNech · Accepted Answer · 2022-07-19 14:51:46Z

9

I had come across the same problem. These worked for me:

For core: npm -f install @material-ui/core
For icons: npm -f install @material-ui/icons

edited Jul 19, 2022 at 14:51

PLNech

3,1873 gold badges26 silver badges55 bronze badges

answered Jul 13, 2022 at 4:17

Shree

1111 silver badge2 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Anup Tilak Over a year ago

But this comes with security vulnerabilities, so if you are working on a production application try to fix them first, for side projects this is okay.

Raahim · Accepted Answer · 2022-06-06 06:47:56Z

7

You can try to install it by force by adding '-f':

npm install -f @material-ui/core

answered Jun 6, 2022 at 6:47

Raahim

691 silver badge3 bronze badges

Comments

Ramesh Kanjinghat · Accepted Answer · 2020-11-02 15:00:58Z

3

MaterialUI 4 doesn't support React 17 yet. Please check the issue created on github https://github.com/mui-org/material-ui/issues/23306.

answered Nov 2, 2020 at 15:00

Ramesh Kanjinghat

9417 silver badges8 bronze badges

Comments

Ramin eghbalian · Accepted Answer · 2022-04-18 00:36:05Z

2

you can downgrade your react, it worked for me by this command:(I downgrade from v17)

npm install --save [email protected] [email protected]

edited Apr 18, 2022 at 0:36

Ramin eghbalian

2,6851 gold badge22 silver badges38 bronze badges

answered Apr 10, 2022 at 2:25

user18759684

211 bronze badge

Comments

Boolean_Type · Accepted Answer · 2023-06-30 13:45:38Z

2

Use this command:

npm install @material-ui/core --force

edited Jun 30, 2023 at 13:45

Boolean_Type

1,3423 gold badges14 silver badges44 bronze badges

answered Jun 26, 2023 at 9:50

Đỗ Quang Kiệt

213 bronze badges

Comments

Saar Shamir · Accepted Answer · 2022-06-18 20:45:14Z

1

Material UI is using emotion as a styling engine by default. If you want to use styled-components instead, run:

try to use this npm install @mui/material @mui/styled-engine-sc styled-components

i highly recommend to read the document in thar website and not from npm

answered Jun 18, 2022 at 20:45

Saar Shamir

111 bronze badge

Comments

arsi · Accepted Answer · 2022-07-08 14:12:30Z

1

This worked for me

npm install -force @material-ui/core

answered Jul 8, 2022 at 14:12

arsi

614 bronze badges

Comments

Rockstar · Accepted Answer · 2022-10-12 14:39:52Z

1

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

worked for me. Which I found on https://mui.com/

answered Oct 12, 2022 at 14:39

Rockstar

361 gold badge1 silver badge7 bronze badges

Comments

Nafis · Accepted Answer · 2022-06-06 16:55:05Z

0

check your react versian, MaterialUI 4 doesn't support React 17. you can change youre version by

npm install --save [email protected] [email protected] make sure Assuming you're using npm/yarn or another node package manager, dependency versions are listed in package.json. Search for the react and react-dom packages under dependencies (or devDependencies) and replace their versions with 16.13.0. Then run npm install or yarn or whatever package manager you're using. This should be enough to downgrade to React 16.

answered Jun 6, 2022 at 16:55

Nafis

1291 silver badge5 bronze badges

Comments

Priyansh Sharma · Accepted Answer · 2022-06-15 05:44:55Z

0

Try yarn add @material-ui/core & yarn add @material-ui/core React 17 dont support material UI install previous versions or use yarn It will take some time but work perfectly fine

answered Jun 15, 2022 at 5:44

Priyansh Sharma

194 bronze badges

Comments

Sher Mohammad Gorar · Accepted Answer · 2022-09-08 13:44:22Z

0

Problem: npm install @material-ui/core

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

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

answered Sep 8, 2022 at 13:44

Sher Mohammad Gorar

11 bronze badge

Comments

Geeth Malinda · Accepted Answer · 2022-09-10 14:20:31Z

0

npm install -f @material-ui/core

or

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

or You can downgrade react

npm install --save [email protected] [email protected]

answered Sep 10, 2022 at 14:20

Geeth Malinda

312 bronze badges

Collectives™ on Stack Overflow

cannot install @material-ui/core using npm

12 Answers 12

1 Comment

Comments

Comments

Comments

Comments

Comments

Comments

Comments

Comments

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

12 Answers 12

1 Comment

Comments

Comments

Comments

Comments

Comments

Comments

Comments

Comments

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related