[React]Module not found: Can't resolve './node_modules/react' 오류 해결 방법

[React]Module not found: Can't resolve './node_modules/react' 오류 해결 방법

📖 들어가며

최근 React를 공부하는 도중에 react router를 설치해야 하는 상황이었습니다.

react router를 설치 했는데, 로그에  npm error가 여러 개 발생했습니다.

리액트로 실행 시키자 아래와 같은 오류가 발생했습니다.

./src/App.js
Module not found: Can't resolve './src/components/Navbar/Navbar' in '/Desktop/React_Components/test/src'

 

Module not found: Can't resolve './node_modules/react'

💡 해결 방법

create-react-app으로 구성된 리액트 파일은 아래와 같이 되어있습니다.

 

프로젝트 내부에 있는

• package-lock.json 또는 yarn.lock 삭제
• node_modules 폴더 삭제

이 두 가지를 삭제합니다.

다음으로,

npm 사용자는

npm install

yarn 사용자는

yarn install

을 진행합니다.

 

이제 리액트를 실행하면 정상적으로 작동하는 것을 확인할 수 있을 것입니다.

📕 마무리

node_modules 폴더에서 전에 라우터를 설치하는 과정에서 충돌이 일어났는지 그 뒤로 자꾸 오류가 발생했었는데 이렇게 구성파일들을 삭제하고 다시 node module을 다시 설치 해줌으로써 정상적으로 되었습니다.

 

나중에도 가끔 이런 오류가 발생할 것 같아서 따로 정리하게 되었고, 같은 오류로 고통(?)받으시는 분들에게도 조금이나마 도움이 되었으면 좋겠습니다.