遇到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)文章
require.js 加載 vue組件 r.js 合并壓縮的實(shí)例
這篇文章主要介紹了require.js 加載 vue組件 r.js 合并壓縮的相關(guān)資料,非常不錯(cuò),具有參考借鑒價(jià)值,需要的朋友可以參考下2016-10-10vue中實(shí)現(xiàn)支持txt,docx,xlsx,mp4格式文件預(yù)覽功能(純前端)
對于Vue你可以實(shí)現(xiàn)文件的預(yù)覽功能,這篇文章主要給大家介紹了關(guān)于vue中實(shí)現(xiàn)支持txt,docx,xlsx,mp4格式文件預(yù)覽功能的相關(guān)資料,文中通過代碼介紹的非常詳細(xì),需要的朋友可以參考下2023-11-11Vue不同項(xiàng)目之間傳遞、接收參數(shù)問題
這篇文章主要介紹了Vue不同項(xiàng)目之間傳遞、接收參數(shù)問題,主要針對是登錄操作,我們?yōu)榱送瓿蒘SO(Single Sign On)的效果,認(rèn)證和授權(quán)在UC完成,用戶發(fā)起資源請求,服務(wù)網(wǎng)關(guān)會(huì)進(jìn)行過濾,本文給大家介紹的非常詳細(xì),需要的朋友可以參考下2023-04-04vue中$emit傳遞多個(gè)參(arguments和$event)
本文主要介紹了vue中$emit傳遞多個(gè)參(arguments和$event),文中通過示例代碼介紹的非常詳細(xì),對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2023-02-02vue.js實(shí)現(xiàn)點(diǎn)擊圖標(biāo)放大離開時(shí)縮小的代碼
這篇文章主要介紹了vue.js實(shí)現(xiàn)點(diǎn)擊圖標(biāo)放大離開時(shí)縮小,本文通過實(shí)例代碼給大家介紹的非常詳細(xì),對大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值,需要的朋友可以參考下2021-01-01vue報(bào)錯(cuò)Failed to execute 'appendChild&apos
這篇文章主要為大家介紹了vue報(bào)錯(cuò)Failed to execute 'appendChild' on 'Node'解決方法詳解,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進(jìn)步,早日升職加薪2022-11-11vue調(diào)用swiper插件步驟教程(最易理解且詳細(xì))
有時(shí)候我們需要在vue中使用輪播組件,如果是在vue組件中引入第三方組件的話,最好通過npm安裝,從而進(jìn)行統(tǒng)一安裝包管理,下面這篇文章主要給大家介紹了關(guān)于vue調(diào)用swiper插件的相關(guān)資料,需要的朋友可以參考下2023-04-04