Vue報(bào)錯(cuò)"Failed?to?resolve?loader:less-loader"的解決方法
前言
前幾天在運(yùn)行項(xiàng)目的時(shí)候，突然間報(bào)了這樣一個(gè)錯(cuò)，雖然當(dāng)時(shí)的我感覺很疑惑，明明上次跑的好好 的，這次為啥報(bào)我沒有安裝less-loader依賴，但是我還是老老實(shí)實(shí)地敲下了安裝less-loader的代碼，沒想到折磨才剛剛開始。
一開始我是萬萬沒有想到哇，我僅僅是敲了一句普普通通的、沒啥毛病的npm install less-loader,就給我報(bào)了這么長一串錯(cuò)，直接給我整懵了，只能去問問度娘了。
在網(wǎng)上搜索一番之后發(fā)現(xiàn)，這貌似是依賴起沖突了， 現(xiàn)有的版本是webpack@4.46.0，但是less-loader依賴的是webpack5.0.0以上的版本，這就導(dǎo)致了沖突。
第一次嘗試解決
npm install less-loader --legacy-peer-deps
這是我在網(wǎng)上找到的一個(gè)解決方案，其實(shí)并沒有解決沖突，而是繞過沖突強(qiáng)行安裝了，--legacy-peer-deps標(biāo)志是在v7中引入的，作用是告訴npm忽略項(xiàng)目中引入的各個(gè)modules之間的相同modules但不同版本的問題并繼續(xù)安裝，保證各個(gè)引入的依賴之間對(duì)自身所使用的不同版本modules共存。這個(gè)方案能夠使less-loader安裝成功，但是會(huì)引起新的報(bào)錯(cuò)。
這是因?yàn)殡m然裝上去了，但是因?yàn)榘姹咎叨a(chǎn)生的報(bào)錯(cuò)。
第二次嘗試解決
這一次直接嘗試cnpm進(jìn)行安裝。
雖然有一點(diǎn)點(diǎn)小小的問題，但是不管他，咱們繼續(xù)運(yùn)行。
好吧，看來cnpm雖然能裝上，但是和第一次嘗試有著同樣的問題。
解決問題
既然說是版本原因起的沖突，那么咱們不妨放棄最新版本的，安裝一個(gè)低版本的less和less-loader，是不是就解決了呢。
npm install less-loader@4.1.0 npm install less@3.9.0
這樣果然成功的把less-loader安裝上了，項(xiàng)目也能運(yùn)行了。
總結(jié)
到此這篇關(guān)于Vue報(bào)錯(cuò)"Failed to resolve loader:less-loader"解決的文章就介紹到這了,更多相關(guān)Vue報(bào)錯(cuò)Failed to resolve loader:less-loader內(nèi)容請(qǐng)搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！
相關(guān)文章
Vue包大小優(yōu)化的實(shí)現(xiàn)(從1.72M到94K)
這篇文章主要介紹了Vue包大小優(yōu)化的實(shí)現(xiàn)(從1.72M到94K)，文中通過示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2021-02-02
vue.js出現(xiàn)Vue.js?not?detected錯(cuò)誤的解決方案
這篇文章主要介紹了vue.js出現(xiàn)Vue.js?not?detected錯(cuò)誤的解決方案，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方，望不吝賜教2022-09-09
vue在table表中懸浮顯示數(shù)據(jù)及右鍵菜單
這篇文章主要為大家詳細(xì)介紹了vue在table表中懸浮顯示數(shù)據(jù)及右鍵菜單，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2022-04-04
vue報(bào)錯(cuò)Cannot?read?properties?of?undefined?(...)類型的解決辦法
這篇文章主要給大家介紹了關(guān)于vue報(bào)錯(cuò)Cannot?read?properties?of?undefined?(...)類型的解決辦法,文中通過代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考借鑒價(jià)值,需要的朋友可以參考下2024-04-04
本文主要介紹了Vue實(shí)現(xiàn)固定底部組件的示例，文中通過示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2021-07-07
vue項(xiàng)目npm install失敗的問題解決方案
本文主要介紹了vue項(xiàng)目npm install失敗的問題解決方案,文中通過圖文示例介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2025-01-01
elementUI中的$confirm調(diào)換兩個(gè)按鈕位置的實(shí)例代碼
這篇文章主要介紹了elementUI中的$confirm調(diào)換兩個(gè)按鈕位置的實(shí)例代碼,本文通過實(shí)例代碼給大家介紹的非常詳細(xì),感興趣的朋友跟隨小編一起看看吧2024-03-03
vue項(xiàng)目登錄成功拿到令牌跳轉(zhuǎn)失敗401無登錄信息的解決
這篇文章主要介紹了vue項(xiàng)目登錄成功拿到令牌跳轉(zhuǎn)失敗401無登錄信息的解決方案，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方，望不吝賜教2023-02-02
vue項(xiàng)目環(huán)境搭建?啟動(dòng)?移植操作示例及目錄結(jié)構(gòu)分析
這篇文章主要介紹了vue項(xiàng)目環(huán)境搭建、啟動(dòng)、項(xiàng)目移植、項(xiàng)目目錄結(jié)構(gòu)分析，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步早日升職加薪2022-04-04
vue-router 按需加載 component: () => import() 報(bào)錯(cuò)的解決
這篇文章主要介紹了vue-router 按需加載 component: () => import() 報(bào)錯(cuò)的解決，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過來看看吧2020-09-09