"'vue-cli-service'은(는) 내부 또는 외부 명령, 실행할 수 있는 프로그램, 또는 배치 파일이 아닙니다." 오류 해결 방법

제목의 글을 설명하기에 앞서 정보전달의 목적도 있지만, 

제가 잊지않기 위해서 공부 및 정리하며 쓰는 글이라는 사실을 미리 고지합니다.

---

Vue-Cli 구동 시 발생한 오류

상황

VSCode에 개발 환경이 모두 구축되고 난 후, 간혹가다가 Vue-Cli 관련 오류가 발생하는 경우가 있습니다.

저의 경우, 윈도우 계정을 새로 생성해서 기존에 구축한 환경을 이용하려고 하니 발생한 오류였습니다.

• 명령어: npm run serve

위 사진에 안내되는 오류 메세지를 텍스트로 써보자면 아래와 같습니다.

 

'vue-cli-service'은(는) 내부 또는 외부 명령, 실행할 수 있는 프로그램, 또는 배치 파일이 아닙니다.

 

 

원인

윈도우 계정 A에 설치된 Vue-Cli에 대해서 또 다른 계정인 B에서 사용하려고 하니 발생한 오류입니다.

아마도 Vue-Cli 내부적으로 사용하는 경로가 꼬이거나 접근이 불가한 경우에 막혀서 발생한 것이 아닌지 추측하고 있습니다. 실제로 윈도우 계정 B에서 A로의 파일 접근은 불가한 상태입니다.

 

 

해결 방법

다양한 해결 방법이 있겠지만 저의 경우 가장 간단한 방법인 설치된 Vue-Cli 제거 후 재설치하는 방법으로 해결하였습니다.

 

1. VSCode에서 터미널(Terminal)을 킵니다.

• 키보드: Ctrl + Shift + `
• 마우스: 상단 메뉴의 Terminal > New Terminal 클릭

 

2. 터미널에 Vue-Cli 제거 명령어를 입력 후 실행합니다.

• Vue-Cli 제거 명령어: npm uninstall vue-cli-g

 

3. 터미널에서 정상적으로 제거가 되었다고 표시가 되면, Vue-Cli 설치 명령어를 입력 후 실행합니다.

• Vue-Cli 설치 명령어: npm install -g @vue/cli

 

4. 정상적으로 설치가 된 후, 다시 구동 명령어를 입력 후 실행하여 정상적으로 동작하는지 확인합니다.

• 구동 명령어: npm run serve

위 사진과 같이 표시된다면, 정상적으로 구동이 되는 것을 확인하실 수 있습니다.