48

I can see this error when I attempted to import some Icons from Material UI. I installed some modules as advised, but still not fixed.

package.json

    "@material-ui/core": "^4.12.3",
    "@mui/icons-material": "^5.0.1",
    "@mui/lab": "^5.0.0-alpha.49",

I attempted to install /utils by using the following command,

$ npm install @mui/material/utils

ERROR:

npm ERR! code ENOLOCAL
npm ERR! Could not install from "@mui\material\utils" as it does not 
contain a package.json file.

npm ERR! A complete log of this run can be found in:
npm ERR!     C:\Users\Han\AppData\Roaming\npm-cache\_logs\2021-10-03T21_47_03_649Z-debug.log

Is there anything I missed?

**After some reserch, I removed "@material-ui/core" and install "@mui/core" instead. I assume this error comes up since there is name changed from material to mui?

    "@mui/core": "^5.0.0-alpha.49",
    "@mui/icons-material": "^5.0.1",
    "@mui/lab": "^5.0.0-alpha.49",
    "@mui/utils": "^5.0.1",

Thanks.

Olivier Tassinari
  • 8,238
  • 4
  • 23
  • 23
Han
  • 518
  • 1
  • 4
  • 7
  • 3
    did you try to install the main package? https://www.npmjs.com/package/@mui/material – Sysix Oct 03 '21 at 22:12
  • @Sysix It Works! I thought it should work only if I install above. lol I added main package and it fixed. Thanks Sysix!! – Han Oct 03 '21 at 22:24
  • 1
    Material-UI about a week ago finally released their v5, which included a name change. You should ensure you are either sticking to the v4 dependencies, or upgrade them all to v5 compatible dependencies. – Drew Reese Oct 03 '21 at 22:24

6 Answers6

59

Try this command npm install @mui/material @emotion/react @emotion/styled

dbc
  • 104,963
  • 20
  • 228
  • 340
SIDDHARTH MISHRA
  • 607
  • 4
  • 3
27

Why does it happen?

This error happens when installing the MUI icons package before installing the MUI component library. The MUI icons package needs @mui/material @emotion/react @emotion/styled packages to work properly.

Solution

Run one of the following lines

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

// or if you prefer yarn
yarn add @mui/material @emotion/react @emotion/styled
Gass
  • 7,536
  • 3
  • 37
  • 41
2

Try to install the main package.

 npm i @mui/material

This will definitely solve your problem

Tahseen Quraishi
  • 1,353
  • 1
  • 14
  • 16
0

Step 1 : npm install @mui/material @emotion/react @emotion/styled

Step 2 Import this file in your project : import TextField from '@mui/material/TextField';

This will definitely solve your error

node -- version : v16.17.0 npm -- version : 8.15.0

Pratik Kharad
  • 1
0

I added all the packages and it still didn't work, so I commented my imports and uncommented them and it worked. So if you imported them and it still doesn't work, give this a try or reset your IDE.

Good Choice
  • 1
0

You can try installing the module if it isn't already! Try running this in case you have NPM:

npm install @mui/icons-material

Or, with Yarn:

yarn add @mui/icons-material
William Brochensque junior
  • 2,385
  • 18
  • 35
  • 46
MD CHAND HUSSAIN SIDDIQUE
  • 1