一、vue-cli 安裝遇到問題
安裝新版 vue-cli 命令:npm install -g @vue/cli,安裝成功之后使用 vue -V 檢查版本號,發現報錯:
PS D:\Program\nodejs\node_global> vue -V internal/modules/cjs/loader.js:583
throw err; ^ Error: Cannot find module 'D:\Program\nodejs\node_global\node_modules\vue-cli\bin\vue' at Function.Module._resolveFilename (internal/modules/cjs/loader.js:581:15) at Function.Module._load (internal/modules/cjs/loader.js:507:25) at Function.Module.runMain (internal/modules/cjs/loader.js:742:12) at startup (internal/bootstrap/node.js:283:19) at bootstrapNodeJSCore (internal/bootstrap/node.js:743:3) PS D:\Program\nodejs\node_global> npm -v 6.4.1
查看 vue 版本或者是新建 vue 項目都會這個錯誤,卸載 vue-cli 重新安裝也會報錯。
二、解決方案
1、先找到自己 vue 的安裝位置(需要查看自己 npm 安裝的全局的位置)
我的是裝在這個目錄下,可以看到會有這樣 2 個文件,當時出問題的時候是 vue.cmd 文件是最新的(今天的),但是 vue 文件是 2020 年的(之前的)。所以猜測可能是這 2 個文件的 vue 版本不一致導致的問題。
2、獲取到 vue 文件的位置進行刪除
刪除殘留的 vue 文件(刪除這2個文件)
3、卸載 vue-cli 之后再重新安裝即可。
PS D:\Program\nodejs\node_global> vue -V @vue/cli 4.5.13
這樣就成功了。
總結:
1、安裝的時候可以不用管理員安裝,但是卸載的時候CMD最好是以管理員身份運行;
2、遇到問題要冷靜,謹記要根據報錯信息找問題原因。(環境問題百度搜索方案太多了,但是很多都不一定和你遇到的問題是一樣的,有的別人能解決,你的問題照做不一定能解決,說不定還會導致一些其他坑,所以要慎重)