npm 에러노트

추후에 생길 때마다 계속 추가할 예정

 

1. [리액트] Error: Cannot find module loader

** 문제 상황
코드를 수정하고 실행하니 webpack 에서 modules 을 찾을 수 없다고 터미널 창에 에러를 뱉음
→ 이전에 잘 있었던 모듈인데 왜 ?

 

참고 : https://github.com/nodejs/help/issues/2644

internal/modules/cjs/loader.js:983 throw err; ^ Could you help me with this code? · Issue #2644 · nodejs/help

 

🤔 검색해보니 loader 에서 잡힌 에러라고 한다.

 

** 해결 방법

1. `npm cache clean --force` 명령어로 캐시를 삭제한다.
    1. warning 이 뜰 경우 : `npm cache verify` 로 변경
2. node_modules 폴더를 삭제한다.
3. package-lock.json 파일을 삭제한다.
4. `npm install` 명령어를 입력하면 node_modules와 package-lock.json가 다시 설치

⇒ 다시 실행하니 500 에러의 근원지 파악 완료 ✨

 

2. [Nuxt] Error: Cannot find module 'node:fs'

nuxt.js 를 서버에서 빌드 시 발생한 에러로, 이리 저리 검색해보니 node 버전이 낮아서 발생한다고 한다.

 

** 해결 방법

1. 일단 기존의 node 버전을 확인하고 해당 모듈을 지원하지 않는 버전인지 체크한다.

2. `npm cache clean --force` 명령어로 캐시를 삭제한다.

3. npm install -g n 로 node 글로벌 재설치

4. n lts 로 node 최신 버전 설정

5. hash -r 로 버전 변경

 

이렇게 하면 node 버전이 최신 버전으로 변경된다.

다만, 주의할 점은 모듈 설정을 위해 node 버전 변경 시,

이전 버전으로 프로젝트에서 세팅해둔 것들이 오류가 발생하지 않는지 세심하게 체크할 필요가 생긴다.

 

2. [Nuxt][hardsource:9d5ae8bd] Could not freeze ./.nuxt/store.js: Cannot read properties of undefined (reading 'hash')  

수정사항 반영 후 npm run dev 실행하면 위와 같은 오류 발생

-> 구글 검색해보니,

node_modules 폴더 내 .cache 폴더 안 hard-source 때문이라고 해서 그 파일을 지우면 에러가 안 난다고 했다.

 

예시

지웠더니 해결 완 (?)

일단은 그렇다.. 근본적인 원인을 찾으면 다시 기록해야지