快捷導(dǎo)航

vue項(xiàng)目npm install失敗的問(wèn)題解決方案

更新時(shí)間：2025年01月31日 10:11:28 作者：岑梓銘

本文主要介紹了vue項(xiàng)目npm install失敗的問(wèn)題解決方案,文中通過(guò)圖文示例介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧

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

1、npm init -y 初始化

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

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

1、找到問(wèn)題所在

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

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

然后輸入這個(gè)命令來(lái)在安裝的時(shí)候輸出日志：【npm install --verbose】

然后將這個(gè)日志拿去問(wèn)AI是為啥：

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

2、針對(duì)問(wèn)題解決

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

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

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

對(duì)應(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）檢查更換成功沒(méi)有

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

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

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

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

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

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

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