[React Error] Module not found: Can't resolve

문제 상황

UI 과제를 하다 에러를 만났다.

브라우저에서의 에러문구는 다음과 같다.

 

./pages/boards/new/index.js:1:0
Module not found: Can't resolve '../../../../styles/boardEmotion'
> 1 | import {
   2 | Wrapper,
   3 | Create,
   4 | Register,
https://nextjs.org/docs/messages/module-not-found

 

 

경로를 읽어오지 못하고 있다.

 

해결 방법

 

1. 경로를 맞게 설정해줬는지 확인

 

'../../../../styles/boardEmotion' 가 아니라

'../../../styles/boardEmotion' 였다..ㅎㅎ

 

그러나 나의 경우 아래 해결법도 필요했다.

 

2. npm 제거 후 다시 설치

 

1) 터미널에서 rm -rf 명령어로

package-lock.json 파일과

node_modules 폴더를 삭제한다.

 

2) 경로 확인 잘해보고 

npm install 

 

3) 설치 다 됐으면

npm start

 

 

---

Reference

https://japing.tistory.com/entry/React-Module-not-found-Cant-resolve-%EB%9D%BC%EC%9D%B4%EB%B8%8C%EB%9F%AC%EB%A6%AC%EB%AA%85

[React] Module not found: Can't resolve '라이브러리명'

https://shinye0213.tistory.com/271

리액트 에러(React Error) Module not found: Can't resolve '파일' in '경로'