[LINUX] Das Problem, dass die Version von Vue CLI nicht gestartet wurde

Überblick

Ich bin auf einen sehr rudimentären Fehler gestoßen, als ich versucht habe, die Version von Vue CLI zu aktualisieren, um vue create auszuführen. Machen Sie sich also eine Notiz für diejenigen, die ähnliche Fehler gemacht haben.

Ich möchte erstellen

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

Die Version von Vue CLI ist alt. Es scheint nutzlos zu sein, es sei denn, es ist 3 oder mehr.

Update (Neuinstallation) @ vue / cli

Wie mir gesagt wurde Führen Sie "npm uninstall -g vue-cli" und "npm install -g @ vue / cli" aus.

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

Es scheint, dass die Version von Vue CLI aktualisiert wurde!

Vue Versionsprüfung

nakano-hayatonoMacBook-Pro:~ hayato$ vue --version
2.9.6

Es hat sich nicht geändert. ..

Überprüfen Sie das Protokoll zum Zeitpunkt der Installation erneut

/Users/hayato/.nodebrew/current/bin/vue ->
/Users/hayato/.nodebrew/current/lib/node_modules/@vue/cli/bin/vue.js

Es scheint, dass sich der Pfad, auf dem sich Vue befindet, geändert hat.

Fügen Sie der Umgebungsvariablen (.bash_profile) den Pfad mit dem neuen Vue hinzu.

"Export PATH = ~ / .nodebrew / current / lib / node_modules / @ vue / cli / bin" hinzugefügt.

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

Die Version von Vue ist da! Aber···

Ich kann keine Linux-Befehle verwenden ...

nakanohatonoMBP:~ hayato$ ls
-bash: ls: command not found
nakanohatonoMBP:~ hayato$ which
-bash: which: command not found

Überprüfen Sie Ihr .bash_profile

Überprüfen Sie die Umgebungsvariablen im Finder →: PATH $ war nicht genug Die Beschreibung von ": PATH $" reichte am Ende des hinzugefügten "export PATH = ~ / .nodebrew / current / lib / node_modules / @ vue / cli / bin" nicht aus ... Daher wurden die Pfade, die zugewiesen wurden, bevor der zusätzliche Pfad dem PATH zugewiesen wurde, durch den zusätzlichen Pfad überschrieben. ": PATH $" am Ende von "export PATH = ~ / .nodebrew / current / lib / node_modules / @ vue / cli / bin" hinzugefügt.

Der Quellbefehl kann nicht verwendet werden → OK, wenn Sie das Terminal erneut anheben

Ich kann den Quellbefehl nicht verwenden, weil ich den Linux-Befehl noch nicht verwenden kann, und ich gerate in Panik, weil ich die Umgebungsvariablen nicht widerspiegeln kann.

nakano-hayatonoMacBook-Pro:vue_app hayato$ source ~/.bash_profile 
env: bash: No such file or directory

→ Ich wurde gerettet, indem ich meinen Senioren mitteilte, dass dies durch einen Neustart des Terminals angezeigt wird.

Der Linux-Befehl wird sicher wiederhergestellt. Sie können auch vue create verwenden. Es war eine gute Gelegenheit, Umgebungsvariablen zu verstehen.