vue的項(xiàng)目一直是史上最難的最煩的問題，今天給別人做畢設(shè)單子想在gitee上拉項(xiàng)目二開的時候，由于很久沒寫過vue項(xiàng)目已經(jīng)生疏了，在拿到項(xiàng)目之后我還是例行完成最常見的步驟：

1、npm init -y 初始化

2、npm install 用npm把這個項(xiàng)目的依賴包都下載了

結(jié)果就出現(xiàn)了npm install一直在那轉(zhuǎn)就是沒任何變化的現(xiàn)象：

1、找到問題所在

為了解決這個問題，首先我們得知道是為什么導(dǎo)致的，那就得輸出一些日志，不然連解決的問題是啥都不知道

首先【Ctrl + C】殺掉當(dāng)前運(yùn)行的程序

然后輸入這個命令來在安裝的時候輸出日志：【npm install --verbose】

然后將這個日志拿去問AI是為啥：

那么我這里AI給出的結(jié)論是我的npm下載配置文件里的【鏡像源路徑】(https://registry.npm.taobao.org/) 已經(jīng)過期，也就是npm根據(jù)我這個配置文件在一直找一個不存在的路徑，所以沒法下載

2、針對問題解決

1）更換有效最新的npm下載鏡像源

那么通用的辦法就是上網(wǎng)搜最新的npm鏡像源下載地址，比如我搜到的目前2025年最新的地址是：

淘寶：https://registry.npmmirror.com/ 
騰訊云：https://mirrors.cloud.tencent.com/npm/ 
CNPM：https://r.cnpmjs.org/

對應(yīng)執(zhí)行的更換配置的命令是：

npm config set registry [鏡像源地址]

比如：
-淘寶：npm config set registry https://registry.npmmirror.com/ 
-騰訊云：npm config set registry https://mirrors.cloud.tencent.com/npm/ 
-CNPM：npm config set registry https://r.cnpmjs.org/

2）檢查更換成功沒有

然后檢查你當(dāng)前的npm配置文件的路徑更換成功沒有：【npm get registry】

但是這里又有問題的了，我上面的那個更換npm鏡像的方法是針對 “我這個電腦的全局的npm配置文件”，也就是檢查整個電腦配置的全局的環(huán)境變量里npm的配置文件：【.npmrc】的配置

什么意思呢？就是我們自己的之前搭建vue項(xiàng)目的時候配置了一個全局的配置文件，我們自己寫vue文件是基于這個電腦的整個環(huán)境下來搭建的，那自然用的就是這個配置文件，你可以去你的電腦：【C:\Users\你的用戶名\.npmrc】這個路徑來找到這個配置文件

或者用【W(wǎng)in + R】cmd打開終端，再輸入【npm get registry】也會發(fā)現(xiàn)其實(shí)我們的配置沒有問題

那么我們需要到自己的項(xiàng)目里打開終端來檢查，當(dāng)我們回到項(xiàng)目里，要在你這個項(xiàng)目的【根目錄】打開終端，輸入【npm get registry】，就可能會發(fā)現(xiàn)你剛剛的配置并沒有成功

3）項(xiàng)目里還有一個【.npmrc】配置文件，也要改

經(jīng)過檢查之后才發(fā)現(xiàn)，原來這個項(xiàng)目里還有一個【.npmrc】文件，這個文件覆蓋了全局的npm的那個配置文件，所以我們剛剛改的只是我們電腦里全局的那個配置文件，而不是這個項(xiàng)目里的局部配置文件，我們只需要把它也改了就行

4）如果是用nvm管理node.js的，還要檢查nvm那里的setting文件

前面的情況是單獨(dú)直接安裝一個node.js的用戶的情況，那么還有的人是用nvm管理node的，那么要到nvm的安裝路徑下，找到setting文件，檢查這里的鏡像路徑

5）最后還要刪除【package-lock.json】文件

這個文件會規(guī)定死每個依賴包的安裝來源的路徑，即便你所有的配置文件都配置了最正確的鏡像源，這個文件還會誤導(dǎo)npm去到各個錯誤的路徑區(qū)下載依賴包

直接刪掉，然后執(zhí)行一下【npm cache clean --force】清除一下npm前面下載留下的一些錯誤緩存

然后再執(zhí)行【npm install】，就大功告成了，也會生成新的【package-lock.json】文件

到此這篇關(guān)于vue項(xiàng)目npm install失敗的問題解決方案的文章就介紹到這了,更多相關(guān)vue npm install失敗內(nèi)容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！

最新評論