들어가며

vue.js 프로젝트를 개발중인데, 잘되던 서버 구동에 갑자기 문제가 생겼습니다.

문제

vue.js 소스 파일 서버 구동시, 'vue-cli-service'은(는) 내부 또는 외부 명령, 실행할 수 있는 프로그램, 또는배치 파일이 아닙니다.' 라는 에러가 발생합니다.

해결

1.먼저 npm 캐시를 제거해줍니다.

$ npm cache clean --force

2. node_modules 디렉토리, package-lock.json 파일 삭제

만약 node_modules 디렉토리가 존재하지 않으면 package-lock.json 파일만 삭제해도 됩니다.

3. npm 설치

$ npm install

4. 서버 구동 성공

$ npm run serve

---

But! 만약 아래와 같이 npm install 후 서버 구동시 아래와 같은 에러가 발생 한다면?

Error : The project seems to require yarn but it's not installed.

• yarn을 사용하여 종속성을 관리하도록 설정되어 있는데, 실제로 yarn이 시스템에 설치되어 있지 않아서 발생하는 문제입니다.

• yarn을 설치해주면 됩니다.

5. yarn 설치

$ npm install -g yarn

6. 구동 성공

---

요약

1. 프로젝트에 yarn을 사용하는지 npm을 사용하는지 확인하기

2. npm을 사용한다면

   • npm 캐시 삭제 -> node_modules 디렉토리, package-lock.json 파일 삭제 -> npm 설치 -> 서버 구동

3. yarn을 사용하다가 npm으로 바꿀시

   • yarn.lock 파일 삭제 -> npm 설치 -> 서버 구동

$ npm run serve

---

참고 : https://blog.nachal.com/1524