欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

遇到vue前端npm?i報(bào)錯(cuò)多個(gè)版本不一致問題及解決

 更新時(shí)間:2024年03月22日 09:12:58   作者:只會(huì)安靜敲代碼的?小周  
這篇文章主要介紹了遇到vue前端npm?i報(bào)錯(cuò)多個(gè)版本不一致問題及解決,具有很好的參考價(jià)值,希望對大家有所幫助,如有錯(cuò)誤或未考慮完全的地方,望不吝賜教

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 合并壓縮的實(shí)例

    這篇文章主要介紹了require.js 加載 vue組件 r.js 合并壓縮的相關(guān)資料,非常不錯(cuò),具有參考借鑒價(jià)值,需要的朋友可以參考下
    2016-10-10
  • vue中實(shí)現(xiàn)支持txt,docx,xlsx,mp4格式文件預(yù)覽功能(純前端)

    vue中實(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-11
  • vue中mint-ui的使用方法

    vue中mint-ui的使用方法

    這篇文章主要為大家詳細(xì)介紹了vue中mint-ui的使用方法,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下
    2018-04-04
  • Vue不同項(xiàng)目之間傳遞、接收參數(shù)問題

    Vue不同項(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-04
  • Element Steps步驟條的使用方法

    Element Steps步驟條的使用方法

    這篇文章主要介紹了Element Steps步驟條的使用方法,文中通過示例代碼介紹的非常詳細(xì),對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧
    2020-07-07
  • 深入解析Vue的自定義指令

    深入解析Vue的自定義指令

    這篇文章主要介紹了深入解析Vue的自定義指令,自定義指令主要是為了重用涉及普通元素的底層 DOM 訪問的邏輯,一個(gè)自定義指令由一個(gè)包含類似組件生命周期鉤子的對象來定義,需要的朋友可以參考下
    2023-05-05
  • vue中$emit傳遞多個(gè)參(arguments和$event)

    vue中$emit傳遞多個(gè)參(arguments和$event)

    本文主要介紹了vue中$emit傳遞多個(gè)參(arguments和$event),文中通過示例代碼介紹的非常詳細(xì),對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧
    2023-02-02
  • vue.js實(shí)現(xiàn)點(diǎn)擊圖標(biāo)放大離開時(shí)縮小的代碼

    vue.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-01
  • vue報(bào)錯(cuò)Failed to execute 'appendChild' on 'Node'解決

    vue報(bào)錯(cuò)Failed to execute 'appendChild&apos

    這篇文章主要為大家介紹了vue報(bào)錯(cuò)Failed to execute 'appendChild' on 'Node'解決方法詳解,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進(jìn)步,早日升職加薪
    2022-11-11
  • vue調(diào)用swiper插件步驟教程(最易理解且詳細(xì))

    vue調(diào)用swiper插件步驟教程(最易理解且詳細(xì))

    有時(shí)候我們需要在vue中使用輪播組件,如果是在vue組件中引入第三方組件的話,最好通過npm安裝,從而進(jìn)行統(tǒng)一安裝包管理,下面這篇文章主要給大家介紹了關(guān)于vue調(diào)用swiper插件的相關(guān)資料,需要的朋友可以參考下
    2023-04-04

最新評論