提示:我解決這個bug跟別人思路可能不太一樣,因為我是之前好用,換個項目就不好使了,倦了
文章目錄
- 前言
- 項目場景一
- 項目場景二
- 解決方案:
- 下載 nvm
- 安裝 nvm
- 重新下載所需Node 版本
- nvm常用命令
- 項目結構說明
前言
提示:這里可以添加本文要記錄的大概內容:
新機安裝 nvm
后運行前端vue
不要下 Node.js
我使用NVM
來安裝Node.js
,主要是為了解決一個特定的報錯:當我直接安裝Node.js
并嘗試使用npm
時,遇到了一個錯誤,提示 “npm : 無法將“npm”項識別為 cmdlet、函數、腳本文件或可運行程序的名稱”。
遇到npm
命令未識別的錯誤后,我改用nvm
安裝Node.js
,因為它能自動處理路徑問題,避免手動配置出錯,確保環境穩定。
項目場景一
提示:以下是本篇文章正文內容,下面案例可供參考
項目運行出現這個bug:
Error from chokidar (D:\): Error: EBUSY: resource busy or locked, istat 'D:\Dumpstack.log.tmp'
resource busy or locked
表示資源被鎖定
重啟電腦后還是這個報錯
經過大佬指點:node
版本不對,換低版本的就好了
下面直接說解決辦法(降低
node.js
版本)以及VUE項目需要怎么運行
項目場景二
首先我 npm install
在當前項目中安裝所需的依賴包,結果報錯
隨后嘗試在別的地方下載14.21.3版本,然后使用nvm use 14.21.3
(我的項目需要這個版本)
然后我查詢當前系統中安裝的 Node Package Manager(npm)的版本號npm -v
,結果還是報錯
因為我前面已經使用了14.21.3版本的Node了
解決方案:
所以,我是直接找到 nvm
安裝位置,直接刪了重新下,這個過程需要等幾分鐘
下載 nvm
NVM 是一個用于在同一個系統上管理多個 Node.js 版本的工具。
Node.js 可以通過不同的方式安裝,nvm
它允許你輕松切換 Node.js 版本,因為不同的項目,所需Node版本不同
下載nvm下載,我選的是.exe
,傻瓜式安裝即可
安裝后在cmd
中輸入nvm version
,能查到版本號說明安裝成功了
在終端輸入 nvm list available
, 查看 node 可以安裝的版本。
即便上面沒有所需要的版本,直接輸入nvm install 版本號
也可以下載
選擇一個版本安裝,比如 nvm install 18.15.0
輸入nvm list
查看已經安裝的 node,*
號表示當前使用的 node 版本
如果要使用下面的14.8.0這個版本就nvm use 14.8.0
安裝 nvm
該安裝路徑
點擊安裝,點擊結束
重新下載所需Node 版本
這時候nvm list
可以看到什么都沒有
然后再重新下載 14.21.3版本
cmd
運行命令提示符,使用該版本,查看npm版本號:這時候是有npm的,6.14.18的版本
但是在WebStorm 里面運行就顯示報錯
這里是直接打開文件所在位置
在Vue
文件夾里直接cmd
這時候再npm install
如果npm install
在文件所在位置也不成功,可以試試:管理員打開cmd
,強制安裝(臨時解決)
使用 --legacy-peer-deps
忽略版本沖突(可能導致運行時錯誤)
npm install --legacy-peer-deps
需要幾分鐘時間
結束后在 WebStorm 中運行
等運行完再運行npm run serve
就好了
nvm常用命令
nvm常用命令——正在更新中~ ?

命令 | 說明 |
---|---|
nvm list | 列出所有已經安裝在你系統上的 Node.js 版本 |
nvm install 指定版本 | 用于安裝指定版本的Node.js |
nvm use 指定版本 | 切換當前使用的Node.js版本 |
nvm -v | 用于查看NVM本身的版本號 |
nvm uninstall 指定版本 | 卸載指定的Node.js版本 |
- WebStorm 里的配置
- 瀏覽器解決跨域問題:
右鍵瀏覽器發送到桌面快捷方式,屬性→快捷方式→目標位置
前面有空格
--args --disable-web-security --user-data-dir="C:/ChromeDevSession"
項目結構說明