使用NVM下載Node.js管理多版本

提示:我解決這個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"

項目結構說明

在這里插入圖片描述
在這里插入圖片描述

本文來自互聯網用戶投稿,該文觀點僅代表作者本人,不代表本站立場。本站僅提供信息存儲空間服務,不擁有所有權,不承擔相關法律責任。
如若轉載,請注明出處:http://www.pswp.cn/diannao/77023.shtml
繁體地址,請注明出處:http://hk.pswp.cn/diannao/77023.shtml
英文地址,請注明出處:http://en.pswp.cn/diannao/77023.shtml

如若內容造成侵權/違法違規/事實不符,請聯系多彩編程網進行投訴反饋email:809451989@qq.com,一經查實,立即刪除!

相關文章

MySQL數據庫經典面試題解析

1. MySQL 索引使用有哪些注意事項呢? 可以從三個維度回答這個問題:索引哪些情況會失效,索引不適合哪些場景,索引規則 索引哪些情況會失效 查詢條件包含or,可能導致索引失效如何字段類型是字符串,where時一定用引號括起來,否則索引失效like通配符可能導致索引失效。聯合…

C#結合SQLite數據庫使用方法

一、關于SQLite SQLite 是一個輕量級的嵌入式關系型數據庫管理系統(RDBMS)。與傳統的數據庫管理系統(如 MySQL、PostgreSQL 或 SQL Server)不同,SQLite 并不需要運行單獨的服務器進程,它的數據庫存儲在一個…

深入解析 MySQL 中的日期時間函數:DATE_FORMAT 與時間查詢優化

深入解析 MySQL 中的日期時間函數:DATE_FORMAT 與時間查詢優化 在數據庫管理和應用開發中,日期和時間的處理是不可或缺的一部分。MySQL 提供了多種日期和時間函數來滿足不同的需求,其中DATE_FORMAT函數以其強大的日期格式化能力,…

如何深刻理解Reactor和Proactor

前言: 網絡框架的設計離不開 I/O 線程模型,線程模型的優劣直接決定了系統的吞吐量、可擴展性、安全性等。目前主流的網絡框架,在網絡 IO 處理層面幾乎都采用了I/O 多路復用方案(又以epoll為主),這是服務端應對高并發的性能利器。 …

筆試專題(七)

文章目錄 乒乓球筐(哈希)題解代碼 組隊競賽題解代碼 刪除相鄰數字的最大分數(線性dp)題解代碼 乒乓球筐(哈希) 題目鏈接 題解 1. 兩個哈希表 先統計第一個字符串中的字符個數,再統計第二個字…

清晰易懂的 Flutter 卸載和清理教程

以下是為 Flutter 徹底卸載與清理教程,覆蓋 Windows、macOS、Linux 系統,步驟清晰無殘留,確保完全刪除 Flutter SDK、依賴工具及 IDE 配置。 一、通用步驟:確認 Flutter 安裝方式 Flutter 通常通過以下方式安裝: 手動…

關于反卷積

🧠 什么是反卷積? 反卷積(Deconvolution),通常也稱為轉置卷積(Transpose Convolution),是一種用于擴展輸入特征圖的操作,通常用于生成圖像或上采樣任務中。與標準卷積操…

【機器學習】ROC 曲線與 PR 曲線

目錄 一、混淆矩陣:分類評估的基礎 二. ROC 曲線 (Receiver Operating Characteristic Curve) 三. PR 曲線 (Precision-Recall Curve) 3.1 核心思想 4. 何時使用 ROC 曲線和 PR 曲線? 實驗結果 6. 總結 在機器學習的分類任務中,我們訓…

Python高階函數-map

map() 是 Python 內置的一個高階函數,它接收一個函數和一個可迭代對象作為參數,將函數依次作用在可迭代對象的每個元素上,并返回一個迭代器(Python 3.x 中)。 基本語法 map(function, iterable, ...)function: 應用于…

上海餐飲市場數據分析與可視化

上海作為中國的經濟中心和國際化大都市,其餐飲市場具有高度的多樣性和競爭性。隨著消費者需求的不斷變化,餐飲行業的從業者和投資者需要深入了解市場現狀和趨勢,以便制定更有效的商業策略。本文將通過數據分析和可視化技術,深入探討上海餐飲市場的現狀和趨勢,為餐飲從業者…

MySQL基礎 [五] - 表的增刪查改

目錄 Create(insert) Retrieve(select) where條件 ?編輯 NULL的查詢 結果排序(order by) 篩選分頁結果 (limit) Update Delete 刪除表 截斷表(truncate) 插入查詢結果(insertselect&…

SQL:Primary Key(主鍵)和Foreign Key(外鍵)

目錄 1. Key(鍵) 2. Index(索引) 3.Key和Index的區別 4. Primary Key(主鍵) 5. Foreign Key(外鍵) 6.主鍵和外鍵的關系 溫馨提示: 閃電按鈕不同的執行功能 首先&…

2025年- H1-Lc109-160. 相交列表--java版

1.題目描述 2.思路 “雙指針切換鏈表頭” 思路一:雙指針路徑對齊 while (pA ! pB) { pA (pA null) ? headB : pA.next; pB (pB null) ? headA : pB.next; } 讓兩個指針走相同的總路徑長度! 設: 鏈表 A 獨有部分長度是 lenA 鏈表 B …

PyTorch 深度學習 || 6. Transformer | Ch6.3 Transformer 簡單案例

1. 簡單案例 這個代碼是一個簡單的 Transformer 模型的實現,這個例子展示了一個基本的序列到序列(seq2seq)任務,比如將一個數字序列轉換為另一個數字序列。可以用于學習和理解 Transformer 的基本結構和工作原理。 import torch import torch.nn as nn import math# 位置…

基礎算法篇(4)(藍橋杯常考點)—數據結構(進階)

前言 這期將會講到基礎算法篇里面的數據結構(進階),主要包括單調棧,單調隊列,并查集,擴展域并查集,帶權并查集,字符串哈希,Trie樹。 數據結構(進階)正文 單…

【AI學習】初步了解Gradio

Gradio 是一個開源的 Python 庫,專注于快速構建交互式 Web 界面,特別適用于機器學習模型、數據科學項目或任意 Python 函數的演示與部署。它通過極簡的代碼實現前后端一體化,無需前端開發經驗即可創建功能豐富的應用。以下是 Gradio 的核心特…

Overleaf 論文提交 Arxiv

Contents References 清除 Overleaf 中所有編譯 error,并且保證 main.tex 文件在 project 最上層參考文件 .bib 轉 .bbl. project 編譯成功后可以在 Overleaf 的 Recompile 按鈕右側找到 “Logs and output files”,點進去之后右下角可以點開 “Other lo…

【Android Audio】Parameter Framework - pfw

Parameter Framework - Android AudioPolicy Engine 使用 libengineconfigurable.so 來取締默認安卓音頻引擎 libenginedefault.so,因為默認安卓音頻引擎是通過代碼來決定策略,然而 libengineconfigurable 采用讀取pfw類型的文件來實現音頻策略配置。 …

服務器虛擬化技術深度解析:醫藥流通行業IT架構優化指南

一、服務器虛擬化的定義與原理 (一)技術定義:從物理到虛擬的資源重構 服務器虛擬化是通過軟件層(Hypervisor)將物理服務器的CPU、內存、存儲、網絡等硬件資源抽象為邏輯資源池,分割成多個相互隔離的虛擬機…

babel-runtime 如何縮小打包體積

🤖 作者簡介:水煮白菜王,一位前端勸退師 👻 👀 文章專欄: 前端專欄 ,記錄一下平時在博客寫作中,總結出的一些開發技巧和知識歸納總結?。 感謝支持💕💕&#…