[node] npm install 하였지만 module이 설치되지 않는 문제

Vue.js 프레임워크 환경에서 UI component library module을 하나 추가하였다.

 

로컬/개발/운영 서버가 관리되고 있는데,

로컬/개발에서는 정상동작을 하였으나, 운영에서는 추가한 UI component가 노출되지 않는 문제가 발생하였다.

 

여기서 의심해보는 부분은,

1. 해당 module import가 구현되지 않았거나,

2. 정상적으로 module이 설치되지 않았거나,

3. webpack에서 해당 module이 bundle로 들어가지 않았거나

 

원소스로 개발에서 동작하였으니 1번은 문제 없다.

결과적으로 2,3번에 대한 구체적 확인은 되지 않았지만, node_modules 폴더를 삭제하여 다시 전체 module을 설치하는 것으로 해결 방법을 잡아보았다.

 

 

#. 해결 방법

1. 해당 프로젝트 node_modules 디렉토리 삭제 (리눅스 환경)

rm -rf node_modules

2. module 설치

npm install

 

해결되지 않았다.

module은 다시 설치하였으니 npm cache를 지우고 build를 다시 해본다.

 

3. npm 캐시 삭제

npm cache clean --force

 

4. npm build

npm run build

 

정상적으로 UI component가 노출되었다.

근본적 원인 파악이 안되어 찜찜하지만,

module관련 충돌이나 예기치 못한 에러 발생시에는 초기화하고 다시 설치하는 간단한 방법을 활용하는 것도 좋겠다.