Vue CLI 버전이 부족하고 어려움
개요
vue create를 실행하기 위해 Vue CLI의 버전을 올리려고 하면 매우 초보적인 실수로 망설였으므로 비슷한 실수를 해 버린 사람을 위해 메모해 둡니다.
vue create 하고 싶다
nakanohatonoMBP:~ hayato$ vue create vue-chatkit
vue create is a Vue CLI 3 only command and you are using Vue CLI 2.9.6.
You may want to run the following to upgrade to Vue CLI 3:
npm uninstall -g vue-cli
npm install -g @vue/cli
Vue CLI 버전이 오래되었습니다. 3 이상이 아니면 안되는 것 같다.
@vue/cli 업데이트(재설치)
말했듯이,
"npm uninstall -g vue-cli"와 "npm install -g @vue/cli"를 실행합니다.
nakanohatonoMBP:~ hayato$ npm uninstall -g vue-cli
up to date in 0.062s
nakanohatonoMBP:~ hayato$ npm install -g @vue/cli
npm WARN deprecated [email protected]: request has been deprecated, see https://github.com/request/request/issues/3142
npm WARN deprecated [email protected]: core-js@<3 is no longer maintained and not recommended for usage due to the number of issues. Please, upgrade your dependencies to the actual version of core-js@3.
/Users/hayato/.nodebrew/current/bin/vue -> /Users/hayato/.nodebrew/current/lib/node_modules/@vue/cli/bin/vue.js
> [email protected] install /Users/hayato/.nodebrew/current/lib/node_modules/@vue/cli/node_modules/fsevents
> node-gyp rebuild
No receipt for 'com.apple.pkg.CLTools_Executables' found at '/'.
No receipt for 'com.apple.pkg.DeveloperToolsCLILeo' found at '/'.
No receipt for 'com.apple.pkg.DeveloperToolsCLI' found at '/'.
gyp: No Xcode or CLT version detected!
gyp ERR! configure error
gyp ERR! stack Error: `gyp` failed with exit code: 1
gyp ERR! stack at ChildProcess.onCpExit (/Users/hayato/.nodebrew/node/v13.3.0/lib/node_modules/npm/node_modules/node-gyp/lib/configure.js:351:16)
gyp ERR! stack at ChildProcess.emit (events.js:219:5)
gyp ERR! stack at Process.ChildProcess._handle.onexit (internal/child_process.js:274:12)
gyp ERR! System Darwin 19.0.0
gyp ERR! command "/Users/hayato/.nodebrew/node/v13.3.0/bin/node" "/Users/hayato/.nodebrew/node/v13.3.0/lib/node_modules/npm/node_modules/node-gyp/bin/node-gyp.js" "rebuild"
gyp ERR! cwd /Users/hayato/.nodebrew/node/v13.3.0/lib/node_modules/@vue/cli/node_modules/fsevents
gyp ERR! node -v v13.3.0
gyp ERR! node-gyp -v v5.0.7
gyp ERR! not ok
npm WARN optional SKIPPING OPTIONAL DEPENDENCY: [email protected] (node_modules/@vue/cli/node_modules/fsevents):
npm WARN optional SKIPPING OPTIONAL DEPENDENCY: [email protected] install: `node-gyp rebuild`
npm WARN optional SKIPPING OPTIONAL DEPENDENCY: Exit status 1
+ @vue/[email protected]
updated 1 package in 35.557s
Vue CLI 버전이 올라간 것 같습니다!
Vue 버전 확인
nakano-hayatonoMacBook-Pro:~ hayato$ vue --version
2.9.6
변하지 않았다. .
install시의 로그를 재확인해 보기
/Users/hayato/.nodebrew/current/bin/vue ->
/Users/hayato/.nodebrew/current/lib/node_modules/@vue/cli/bin/vue.js
Vue가있는 경로가 바뀌고있는 것 같습니다.
환경 변수(.bash_profile)에 새 Vue가 있는 경로 추가
"export PATH=~/.nodebrew/current/lib/node_modules/@vue/cli/bin"추가.
nakanohatonoMBP:~ hayato$ vi .bash_profile
nakanohatonoMBP:~ hayato$ cat .bash_profile
export PATH=~/.rbenv/shims:/usr/local/bin:$PATH
eval "$(rbenv init -)"
export PATH=/usr/local/opt/[email protected]/bin:$PATH
export PATH=~/.nodebrew/current/lib/node_modules/@vue/cli/bin
export PATH=$HOME/.nodebrew/current/bin:$PATH
export PATH=~/.nodebrew/current/bin:$PATH
export PATH=$HOME/.pyenv/shims:$PATH
nakanohatonoMBP:~ hayato$ source .bash_profile
nakano-hayatonoMacBook-Pro:~ hayato$ vue --version
@vue/cli 4.2.3
Vue 버전이 올랐다! ...
linux 명령을 사용할 수 없게됩니다 ...
nakanohatonoMBP:~ hayato$ ls
-bash: ls: command not found
nakanohatonoMBP:~ hayato$ which
-bash: which: command not found
.bash_profile을 다시 확인해 봅니다.
Finder로 환경 변수를 확인 → : PATH$의 기술이 부족했다
추가한 "export PATH=~/.nodebrew/current/lib/node_modules/@vue/cli/bin"의 말미에 ":PATH$"의 기술이 부족했다···
그 때문에, 추가 패스가 PATH에 대입되기 이전에 대입되어 있던 패스들이, 추가 패스로 덧쓰기되어 버렸다.
"export PATH=~/.nodebrew/current/lib/node_modules/@vue/cli/bin"의 말미에 ":PATH$"의 기술을 추가.
source 명령을 사용할 수 없다 → 터미널을 다시 올리면 OK
아직 linux 커멘드를 사용할 수 있는 상태가 아니기 때문에 source 커멘드를 사용할 수 없고, 환경 변수의 반영을 할 수 없고 패닉.
nakano-hayatonoMacBook-Pro:vue_app hayato$ source ~/.bash_profile
env: bash: No such file or directory
→선배에게 터미널의 재기동으로 반영되는 것을 가르쳐 달라고 구해진다.
안전하게 리눅스 명령 부활.
vue create도 사용할 수 있게 되었다.
환경 변수에 대해 이해하는 좋은 기회가 되었다.
Reference
이 문제에 관하여(Vue CLI 버전이 부족하고 어려움), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다 https://qiita.com/h_000/items/a0314c92c187ee570214텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념 (Collection and Share based on the CC Protocol.)