lisz-works

プログラミングと興味を貴方に

@vue/cliアップデート時のエラー解決

【スポンサーリンク】

vue.js

@vue/cliをアップデートしようとしたらエラーが発生しました……

発生したエラー

こんなエラーが発生しました。

>npm install -g @vue/cli
npm WARN deprecated request@2.88.2: request has been deprecated, see https://github.com/request/request/issues/3142
npm WARN deprecated core-js@2.6.11: 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.
npm WARN optional SKIPPING OPTIONAL DEPENDENCY: fsevents@1.2.11 (node_modules\@vue\cli\node_modules\fsevents):
npm WARN notsup SKIPPING OPTIONAL DEPENDENCY: Unsupported platform for fsevents@1.2.11: wanted {"os":"darwin","arch":"any"} (current: {"os":"win32","arch":"x64"})

npm ERR! code EEXIST
npm ERR! path C:\Users\user\AppData\Roaming\npm\node_modules\@vue\cli\bin\vue.js
npm ERR! dest C:\Users\user\AppData\Roaming\npm\vue.cmd
npm ERR! EEXIST: file already exists, cmd shim 'C:\Users\user\AppData\Roaming\npm\node_modules\@vue\cli\bin\vue.js' -> 'C:\Users\user\AppData\Roaming\npm\vue.cmd'
npm ERR! File exists: C:\Users\user\AppData\Roaming\npm\vue.cmd
npm ERR! Remove the existing file and try again, or run npm
npm ERR! with --force to overwrite files recklessly.

npm ERR! A complete log of this run can be found in:
npm ERR!     C:\Users\user\AppData\Roaming\npm-cache\_logs\2020-03-16T22_48_35_566Z-debug.log

解決方法

1度アンインストールすることで解決しました!

何も考えずに使っていましたが、@vue/cliのバージョンが

  • 現在 : v4系
  • 端末内: v2系

とかけ離れた状態になっていました……

メジャーバージョンが2つも違うので、恐らくファイルの構成などなど異なってきているであろうことが原因と推察します。

アップデートをサボったツケですね……

アンインストールしてみる

アンインストールします。

>npm uninstall -g vue-cli
removed 240 packages in 3.425s

消えたか見てみましょう。

>where vue
情報: 与えられたパターンのファイルが見つかりませんでした。

何もいませんね。

再インストール

改めてインストールです。

>npm install -g @vue/cli
npm WARN deprecated request@2.88.2: request has been deprecated, see https://github.com/request/request/issues/3142
npm WARN deprecated core-js@2.6.11: 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.
C:\Users\user\AppData\Roaming\npm\vue -> C:\Users\user\AppData\Roaming\npm\node_modules\@vue\cli\bin\vue.js

> core-js@2.6.11 postinstall C:\Users\user\AppData\Roaming\npm\node_modules\@vue\cli\node_modules\babel-polyfill\node_modules\core-js
> node -e "try{require('./postinstall')}catch(e){}"

Thank you for using core-js ( https://github.com/zloirock/core-js ) for polyfilling JavaScript standard library!

The project needs your help! Please consider supporting of core-js on Open Collective or Patreon:
> https://opencollective.com/core-js
> https://www.patreon.com/zloirock

Also, the author of core-js ( https://github.com/zloirock ) is looking for a good job -)


> core-js@2.6.11 postinstall C:\Users\user\AppData\Roaming\npm\node_modules\@vue\cli\node_modules\babel-runtime\node_modules\core-js
> node -e "try{require('./postinstall')}catch(e){}"


> core-js@3.6.4 postinstall C:\Users\user\AppData\Roaming\npm\node_modules\@vue\cli\node_modules\core-js
> node -e "try{require('./postinstall')}catch(e){}"


> @apollo/protobufjs@1.0.3 postinstall C:\Users\user\AppData\Roaming\npm\node_modules\@vue\cli\node_modules\@apollo\protobufjs
> node scripts/postinstall


> nodemon@1.19.4 postinstall C:\Users\user\AppData\Roaming\npm\node_modules\@vue\cli\node_modules\nodemon
> node bin/postinstall || exit 0

Love nodemon? You can now support the project via the open collective:
 > https://opencollective.com/nodemon/donate


> ejs@2.7.4 postinstall C:\Users\user\AppData\Roaming\npm\node_modules\@vue\cli\node_modules\ejs
> node ./postinstall.js

Thank you for installing EJS: built with the Jake JavaScript build tool (https://jakejs.com/)

npm WARN optional SKIPPING OPTIONAL DEPENDENCY: fsevents@1.2.11 (node_modules\@vue\cli\node_modules\fsevents):
npm WARN notsup SKIPPING OPTIONAL DEPENDENCY: Unsupported platform for fsevents@1.2.11: wanted {"os":"darwin","arch":"any"} (current: {"os":"win32","arch":"x64"})

+ @vue/cli@4.2.3
added 1113 packages from 648 contributors in 82.731s

完了しました!

バージョンを確認すると……

>vue --version
@vue/cli 4.2.3

v4.2.3!ちゃんとアップデート(再インストールですが)されていますね!

あとがき

@vue/cliアップデート時のエラー解決についてでした!

ぼくの二の舞にならないように、バージョンアップはちゃんとしましょう!

www.lisz-works.com