animath lab
Reputation: 29
MUI v5: Can't resolve '@emotion/react' in '...\node_modules\@mui\styled-engine'
Module not found: Can't resolve '@emotion/react' in '...\node_modules\@mui\styled-engine'
I got a compilation failed problem for using Material-UI in a ReactJS project
I check the @mui node_modules folder but can't fix the compilation bug. Anyone who have any idea please share with me.
Upvotes: 1
Views: 7368
Answers (1)
NearHuscarl
Reputation: 81643
Before using MUI, you should skim the installation guide to see if there are any required packages that you might be missing. In v5, MUI drops the JSS styling library (actually just mark it as obsolete and plan to remove it in v6) in favor of emotion as a default styling engine. If you don't use styled-component or any other third-party styling libraries and expect to use MUI right away, you still have to install emotion to use MUI styling API.
npm install @mui/material @emotion/react @emotion/styled
Related answer
Upvotes: 8
Related Questions
- Module not found: Error: Can't resolve '@mui/base'
- Material UI installation doesn't work with React 18
- Cannot install @mui/styles in React
- Module not found: Can't resolve '@mui/material/utils' : (v5, which included a name change.)
- NPM install of @mui/styles is not working for React 18
- Uncaught Error: Material UI: makeStyles is not longer exported from @mui/material/styles
- Module not found: Can't resolve '@emotion/react' in 'E:\frontend\node_modules\@mui\styled-engine'
- Error while trying to install mui core with npm
- NPM error while running npm install @mui/material @emotion/react @emotion/styled
- MUI Icon: Module not found: Can't resolve '@emotion/react' in '.../@mui/styled-engine'