[프런트 엔드 예외] vscode : "cnpm"항목을 cmdlet, 함수, 스크립트 파일 또는 실행 프로그램의 이름으로 식별 할 수 없습니다. 모듈 "webpack"을 찾을 수 없습니다.

이 기사의 내용

1. 프로젝트 배경

둘째, 오류 메시지

셋, 해결책

1 단계 : cnpm 패키지 관리 도구가 로컬에 설치되어 있는지 확인

2 단계 : cnpm -v 명령을 입력하여 확인

확인 성공

확인 실패


1. 프로젝트 배경

컴파일러 : VScode + Vue 프로젝트.

VSCode가 프런트 엔드 vue 프로젝트를 열 때 오류를보고했습니다.

둘째, 오류 메시지

다음은 VScode 프로젝트 콘솔에 표시되는 오류 메시지입니다.

PS D:\work-span\project> cnpm install webpack-dev-server -g
cnpm : 无法将“cnpm”项识别为 cmdlet、函数、脚本文件或可运行程序的名称。请检查名称的拼写
,如果包括路径,请确保路径正确,然后再试一次。
所在位置 行: 字符:
+ cnpm install webpack-dev-server -g
+ ~~~~
+ CategoryInfo : ObjectNotFound: (cnpm:String) [], CommandNotFoundException
+ FullyQualifiedErrorId : CommandNotFoundException

셋, 해결책

1 단계 : cnpm 패키지 관리 도구가 로컬에 설치되어 있는지 확인

명령 : npm list --depth = 0 -global  cnpm이 컴퓨터에 설치되어 있는지 확인합니다.

설치되어 있으면 아래 그림과 같은 내용이 표시됩니다.

설치되지 않은 경우 미러를 설치해야합니다. 실행 명령은 다음과 같습니다. npm install -g cnpm --registry = https : //registry.npm.taobao.org

설치 과정은 몇 분 정도 걸릴 수 있습니다 ~~~~

설치가 성공적으로 완료되면 다음과 유사한 내용이 표시됩니다.

2 단계 : cnpm -v 명령을 입력하여 확인

확인 성공

1. 아래 그림과 같은 내용이 나타나면 후속 작업을 수행 할 수 있습니다.

확인 실패

2. 블로그 제목에 표시된 오류가 계속 발생하면 로컬 환경 변수 구성 (즉, cnpm의 경로가 인식되지 않음) 때문일 가능성이 큽니다.

시스템 환경 변수 구성 필요 : 컴퓨터-> 속성-> 고급 시스템 구성-> 환경 변수-> 시스템 변수-> PATH 끝에 추가 (내 경로는 F : \ Develop \ nodejs \ node_global) 에 따르면 실제로이 경로를 수정합니다.

그런 다음 cmd를 다시 시작하고 cnpm -v를 입력하여 테스트합니다. 성공하면 다음 단계로 진행하십시오.

 

노트:

여전히 오류가보고되면 컴퓨터를 다시 시작하십시오. 다시 시작하면 문제의 90 %를 해결할 수 있습니다.

 

 

종료!

추천

출처blog.csdn.net/weixin_44299027/article/details/106955854