[Vue.js] npm... 너란녀석을 어떻게 한담...

회사에서 vue 공부한다고 만들어 깃헙에 올린 프로젝트를 집에와서 클론을 하였다.

그런데....

npm run dev를 하니 에러가 뜬다...모듈을 못찾겠다고...

분명 설치했는데 왜 못찾는거야!

 

<2번째 시도>

npm install 대신 npm install --save-dev webpack-cli webpack-dev-server 을 해보았다.
: webpack 의 버젼이 3.xx.x -> 5.xx.x 로 업그레이드되었다.

좋았어!!! 이젠 될 것 같다!

npm run dev를 쳐보았다.

 

[webpack-cli] Error: Unknown option '--inline'
[webpack-cli] Run 'webpack --help' to see available commands and options

흠... 뭐여 이건...

 

<3번째 시도>

해당 프로젝트 폴더에 들어가서 node_modules폴더와 package-lock.json을 지우고

다시 깔아보라는 스택오버플로우 외쿡형님들의 답변~

npm install --save-dev webpack-cli webpack-dev-server 을 다시 해보았다.

 

[webpack-cli] Error: Unknown option '--inline'
[webpack-cli] Run 'webpack --help' to see available commands and options

똑같다...

 

<4번째 시도>

공용폴더에 넣으라는 외쿡 블로거의 말...

실행!

 

똑같이 안된다...

 

[결론]

회사 노트북에서 사용하는 프로젝트가 예전꺼라 그 예전 프로젝트에 맞는 노드 버전과 npm 버전을 맞추어 설치해 놓아서 그 상태값으로 만든 프로젝트를 깃헙에 올리고 집에서 하니 버전들이 맞을리가 없었고,,, 노드버전은 안건드리고 npm만 건드린 것이 또 문제였다...

 

즉 노드버전과 npm 버전이 호환이 되는지 검색해서 호환이 되는 노드버전을 깔아야한다.

 

집에서 프로젝트를 생성해서 npm을 실행해 보니 잘만된다...이 버전으로 회사의 버전을 실행 하려했으니 당연히 안될 수밖에...굳이 하려면 노드 다운그레이드를 하면 되겠지만 집에서는 어차피 개인공부를 할 것이기 때문에 이대로 사용해야겠다!