Module not found: Error: Can’t resolve ‘@emotion/react’ in ‘node_modules/@mui/styled-engine/GlobalStyles’
https://github.com/ac9831/covid-19-react-app
covid-19 프로젝트를 진행하다가 만난 오류다. JavaScript로 만든 covid-19 clone 코드를 TypeScript로 변환하는 도중 만났으며 @mui 모듈은 Javascript에서는 @material-ui로 사용되고 있는 모듈이다.
JavaScript에서 TypeScript로 material ui를 적용할 때, 아래 모듈만 설치한다.
npm install @mui/material 또는 yarn add @mui/material
위 모듈뿐만 아니라 추가적인 모듈이 필요하다.
결론!
npm install @emotion/react 또는 yarn add @emotion/react
위와 같이 설치해주면 된다.
Javascript에서 사용하고 있던 @material-ui만 생각하고 @mui만 설치를 하게 되는데
그대로 실행하면 몇 가지 에러 중 위와 같은 에러를 꼭 마주치게 되니 설치를 꼭 해야 한다.
추가로 아래 모듈도 설치해주면 좋다.
npm install @emotion/styled 또는 yarn add @emotion/styled
함께 읽으면 좋은 글