遇到vue前端npm?i報(bào)錯(cuò)多個(gè)版本不一致問題及解決
vue前端npm i報(bào)錯(cuò)多個(gè)版本不一致
1、 在執(zhí)行 npm install 命令時(shí),可以嘗試添加 --force 或 --legacy-peer-deps 選項(xiàng),強(qiáng)制接受不一致的依賴解析。
例如:
npm install --force //或者 npm install --legacy-peer-deps
2、手動(dòng)調(diào)整依賴版本: 手動(dòng)修改 package.json 文件中與 Vue 相關(guān)的依賴版本,將其調(diào)整為滿足
3、更新依賴包: 嘗試更新 依賴包的版本到一個(gè)與當(dāng)前項(xiàng)目中其他相關(guān)包兼容的版本,可能新版本已經(jīng)解決了依賴沖突的問題。
4、清理緩存: 可以嘗試清理 npm 緩存,并重新安裝依賴,有時(shí)候緩存中的數(shù)據(jù)可能導(dǎo)致依賴解析出錯(cuò)
npm install 報(bào)錯(cuò)問題解決合集
很多時(shí)候安裝npm install 的時(shí)候并不能直接將當(dāng)前的node_modules直接一鍵安裝到本地.
總是會(huì)出現(xiàn)各種各樣的報(bào)錯(cuò)

常見的有以下多種情況
tip1:本地node 跟npm 版本不匹配,項(xiàng)目創(chuàng)建者當(dāng)時(shí)的版本為14 ,而新開發(fā)者本地node默認(rèn)為最新需要重新降低版本,使用cmd打開查看本地node和npm版本,詢問一下同事的版本,直接去node官網(wǎng)重新

下載安裝新的node安裝包即可,或者如果本地有多個(gè)新老項(xiàng)目為了方便的管理各個(gè)node的版本問題,推薦使用nvm,一個(gè)很好用的node版本協(xié)調(diào)控制工具

nvm的常用命令
如下:
nvm install stable ## 安裝最新穩(wěn)定版 node nvm install <version> ## 安裝指定版本 nvm uninstall <version> ## 刪除已安裝的指定版本 nvm use <version> ## 切換使用指定的版本node nvm ls ## 列出所有安裝的版本 nvm ls-remote ## 列出所有遠(yuǎn)程服務(wù)器的版本 nvm current ## 顯示當(dāng)前的版本 nvm alias <name> <version> ## 給不同的版本號添加別名 nvm unalias <name> ## 刪除已定義的別名 nvm reinstall-packages <version> ## 在當(dāng)前版本 node 環(huán)境下,重新 全局安裝指定版本號的 npm 包 nvm alias default [node版本號] ##設(shè)置默認(rèn)版本
切換到指定版本之后,重新下載安裝npm install 即可運(yùn)行項(xiàng)目文件;
tip2:本地npm 版本過低導(dǎo)致,將node_modules刪除,重新使用npm install -g npm

由于鏡像是國外下載速度過慢的可以更換淘寶鏡像:npm install -g cnpm --registry=https://registry.npm.taobao.org,然后使用cnpm install 即可,也可以使用nrm,鏡像管理工具切換使用多個(gè)下載安裝,使用npm install nrm -g 安裝nrm,根據(jù)自己需求

自由的切換使用npm,cnpm,yarn等多個(gè)鏡像工具.
tip3:本地npm緩存導(dǎo)致, 使用npm cache clean --force 強(qiáng)制清除本地鏡像緩存,然后重新npm install 后再次運(yùn)行項(xiàng)目即可.
tip4:項(xiàng)目權(quán)限問題,在主機(jī)中搜索Windows PowerShell,右鍵已管理員方式運(yùn)行,設(shè)置執(zhí)行策略,

輸入set-ExecutionPolicy RemoteSigned,然后按A回車即可,

再回到項(xiàng)目重新npm install,運(yùn)行項(xiàng)目即可.
tip5:沒有執(zhí)行權(quán)限

在終端執(zhí)行g(shù)et-ExecutionPolicy,然后會(huì)顯示Restricted,表示是受限制的;
執(zhí)行:set-ExecutionPolicy RemoteSigned;
這時(shí)再執(zhí)行g(shù)et-ExecutionPolicy,就顯示RemoteSigned,這樣就可以了
tip6:將package-lock.json文件刪除!!!有時(shí)候的包安裝,收到package-lock.json的數(shù)量限制,刪除后,重新npm i下載包就可以了

tip7:也可以直接將同事的node_modules拿過來替換成自己的包,直接npm run dev運(yùn)行項(xiàng)目,這種問題是最快也是最不可取的.盡量還是從根本解決問題,
總結(jié)
以上為個(gè)人經(jīng)驗(yàn),希望能給大家一個(gè)參考,也希望大家多多支持腳本之家。
相關(guān)文章
vue3中el-uplod結(jié)合ts實(shí)現(xiàn)圖片粘貼上傳
本文主要介紹了vue3中el-uplod結(jié)合ts實(shí)現(xiàn)圖片粘貼上傳,文中通過示例代碼介紹的非常詳細(xì),對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2024-07-07
vue的路由守衛(wèi)和keep-alive后生命周期詳解
這篇文章主要為大家詳細(xì)介紹了vue路由守衛(wèi)和keep-alive,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下,希望能夠給你帶來幫助2022-03-03
Vue3響應(yīng)式高階用法之shallowReadonly()使用
在前端開發(fā)中,Vue3的shallowReadonly() API允許開發(fā)者創(chuàng)建部分只讀的狀態(tài),這對于保持頂層屬性不變而內(nèi)部屬性可變的場景非常有用,本文將詳細(xì)介紹?shallowReadonly()?的使用方法及其應(yīng)用場景,具有一定的參考價(jià)值,感興趣的可以了解一下2024-09-09
Ant Design的可編輯Tree的實(shí)現(xiàn)操作
這篇文章主要介紹了Ant Design的可編輯Tree的實(shí)現(xiàn)操作,具有很好的參考價(jià)值,希望對大家有所幫助。一起跟隨小編過來看看吧2020-10-10
Element-UI清空表單及驗(yàn)證不生效的問題解決
本文主要介紹了Element-UI清空表單及驗(yàn)證不生效的問題解決,文中通過示例代碼介紹的非常詳細(xì),對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2023-08-08
Vue2.0利用vue-resource上傳文件到七牛的實(shí)例代碼
本篇文章主要介紹了Vue2.0利用vue-resource上傳文件到七牛的實(shí)例代碼,具有一定的參考價(jià)值,有興趣的可以了解一下2017-07-07
Vue3使用axios請求攔截器和vuex設(shè)置全局loading方式
本文介紹了如何在Vue.js項(xiàng)目中實(shí)現(xiàn)全局loading加載動(dòng)畫,并通過axios攔截器控制loading的顯示與隱藏2025-12-12

