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