[React]에러 "Module not found: Can't resolve 파일 in 경로''

React Router 모듈을 추가했다.

npm install react-router-dom --save

 

sass 모듈을 추가했다.

npm install node-sass@4.14.1 --save

 

 

클론 중이던 danstagram의 메인페이지에서 에러가 떴다.

 

Module not found: Can't resolve 'css파일' in 'css파일 경로' ..........(중략)..........

 

[현상]

login페이지에서는 css가 읽히는데, main 페이지에서는 읽히지 않았다.

 

• login.css를 login페이지에 인클루드하면 적용 됨
• main.css를 login페이지에 인클루드하면 적용 됨
• main.css를 main페이지에 인클루드하면 적용 안됨
• loing.css를 main페이지에 인클루드하면 적용 안됨

결론 : main페이지에만 css연결이 안됨.

 

 

모듈을 삭제하고 다시 설치하라는 글이 있었는데, login페이지는 정상적으로 돌아가는게 뭔가 이유가 있을 것 같아 경로를 계속 바꿔보는 시도를 했다.

결국 멘토님께 여쭤보러 가려다가 실수로 터미널 창을 닫아버려, 다시 연뒤 npm start로 다시 실행 시켜 브라우저를 열어 가져갔다.

 

 

멘토님 앞에서는 main페이지에 css가 적용 잘 됨....🤯?

 

 

다시 돌아와서 아까와 뭐가 다르지?하고 살펴보니 localhost뒤의 숫자가 달랐다.

계속 오류가 났던 건 :3000

새로 npm start해서 간 페이지는 :3001

이렇게 나오는 건 내가 3000일 때 터미널을 종료한게 하니가 잠시 닫아 둔거고, 그 상태에서 새로운 터미널을 실행 시켜 3001로 된것.

 

 

중요한건 localhost:3000으로 확인 시, 새로운 모듈 설치 후에도 계속 새로고침 ctrl+r만했었다.

이러면 '내가 새 모듈을 설치했다'는 정보를 완벽히 갱신 받지 않을 수도 있다는 것!

 

모듈을 설치하고 npm start 명령어를 사용해 다시 실행 시켜야 새로 설치된 모듈이 착착 붙어서 돌아가는 걸 확인할 수 있다.