source

vue-cli 설정 중 문제 발생

goodcode 2022. 8. 11. 22:19
반응형

vue-cli 설정 중 문제 발생

NPM을 통해 Vue-cli 환경을 설치하려고 합니다.

npm install --global vue-cli

그 후 프로젝트를 만들고 싶다.

vue init webpack my-project

그리고 에러가 난다.

'vue' is not recognized as an internal or external command,
operable program or batch file.

제가 몇 가지 해결책을 읽어봤는데, 대부분은 변화에 관한 것입니다.

C로의 패스:\Users{YourUser}\AppData\로밍\npm

나한테는 안 통했어.누가 좀 도와줘요.

난 이 명령들을 따르는데, 난 괜찮아.

npm install -g vue-cli

npm install -g vue

시스템 환경 변수를 편집하고 다음 경로를 입력합니다.문제가 해결되지 않으면 시스템 사용자 변수에 경로를 추가해 보십시오.

C:\Program Files\nodejs\node.exe;

C:\Users\{UserName}\AppData\Roaming\npm

C에 설치되어 있는 vue를 확인합니다.\Users{UserName}\AppData\로밍\npm

이미지 1

이미지 2

이미지 3

yarn add @vue/cli-service

또는

npm install @vue/cli-service

나에게 효과가 있었던 것은

이 문제는 이전에 설치된 vue-cli와 관련된 모든 항목을 삭제하는 것만으로 해결되었습니다.vue-cli 재설치 중

유사한 문제가 발생하여 vue-cli 재설치가 작동하지 않았습니다.이상한 점은 vue와 vue-cli는 정상적으로 설치되었지만 아래 명령을 사용하여 프로젝트를 생성하려고 하면

vue init webpack myfirstproject

다음과 같은 에러가 표시된다.

'vue' is not recognized as an internal or external command,operable program or batch file.

여러 가지 해결책을 시도해 봤지만 아무 소용이 없었다.NPM 및 노드의 자세한 내용은 다음과 같습니다.

NPM version: 6.2.0
Node version: 8.7.0

실제로는 vue-cli가 노드(8.7.0)를 지원하지 않는 것이 문제였습니다.Node > = 8.9가 필요합니다.노드 버전을 업그레이드했습니다.모든 것이 잘 작동하고 있다.

upgrading your Node version is the correct way to deal with this issue

같은 문제로 인해 다른 문제가 발생할 수 있습니다.나는 가지고 있었다

create-syslog-app@1.5.2 글로벌 설치

npm list -g --depth=0 이 글로벌을 표시합니다.

create-react-app을 간단히 제거했습니다.

npm uninstall create-module-app

이제 Vue vue-cli-service가 예상대로 작동합니다.

같은 문제가 발생하여 node_module을 삭제하고 재설치하면 동작합니다.

여러 번 검색해 본 결과, 같은 문제가 있었습니다.

PATH 환경변수에 C:\Program Files\nodejs를 추가해야 합니다.이것을 실시하려면 , 다음의 순서에 따릅니다.

  1. 글로벌 검색을 사용하여 "환경 변수"로 이동합니다.
  2. "시스템 환경 변수 편집"을 클릭합니다.
  3. 대화상자에서 "환경 변수"를 클릭합니다.
  4. 시스템 변수 상자에서 경로를 검색하여 C:\Program Files\nodejs를 포함하도록 편집합니다.

활성화하기 전에 현재 열려 있는 명령 프롬프트를 재시작해야 합니다.

잘 됐으면 좋겠네요, 행운을 빌어요!

인스톨@vue/cli실 사용, 즉,나는 달렸다

yarn global add @vue/cli

" "vue설치 후 Windows가 작동하지 않음('vue'가 내부 또는 외부 명령으로 인식되지 않음)

할 은 '우리'를 추가하는 이었습니다.C:\Users\<MY USERNAME>\AppData\Local\Yarn\bin경로로 이동합니다.

yarn global add @vue/cli 않다

를 사용해서 지웠어요.yarn global remove @vue/cli

그 후, 다음의 방법으로 인스톨 했습니다.npm install -g @vue/cli정상적으로 동작하고 있습니다.

1) 노드 파일, npm 및 nvm 파일/폴더를 모두 삭제합니다.

2) 또한 노드 js와 nvm의 PATH를 환경변수에서 삭제합니다.

3) 명령어 시행:

   node -v
   npm -v
   nvm -v

위의 명령어만 사용하여 노드에 관련된 모든 엔티티가 제거되었는지 확인합니다.4) install node 및 필요에 따라 nvm(optioal)을 설치하고 명령어를 실행합니다.

   npm install -g @vue/cli

위의 절차가 나에게 유용한 것으로 입증되었습니다.한번 해봐!

실 ->의 경우는, 인스톨 필요:

npm install -g yarn

Vue CLI 패키지 설치:

yarn global add @vue/cli

프로젝트를 작성하려면:

vue create project-name

실행 방법:

yarn serve

언인스톨:

yarn global remove @vue/cli

패키지 매니저 콘솔 설치 시 실이 문제를 일으키기 때문에 패키지 매니저 콘솔이 아닌 npm을 따릅니다.

Vue CLI를 설치하는 명령:

npm install -g @vue/cli

Vue 프로젝트를 작성하려면:

vue create "project-name"

Vue 프로젝트를 실행하려면:

npm run serve

언급URL : https://stackoverflow.com/questions/43984488/problems-while-setting-up-vue-cli

반응형