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的代碼，沒想到折磨才剛剛開始。
一開始我是萬(wàn)萬(wàn)沒有想到哇，我僅僅是敲了一句普普通通的、沒啥毛病的npm install less-loader,就給我報(bào)了這么長(zhǎng)一串錯(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)行。
好吧，看來(lái)cnpm雖然能裝上，但是和第一次嘗試有著同樣的問題。
解決問題
既然說(shuō)是版本原因起的沖突，那么咱們不妨放棄最新版本的，安裝一個(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實(shí)現(xiàn)動(dòng)態(tài)路由詳細(xì)
我們開發(fā)后臺(tái)管理系統(tǒng)過程中，會(huì)由不同的人操作系統(tǒng)，有admin（管理員）、superAdmin(超管)，及各種運(yùn)營(yíng)、財(cái)務(wù)人員。為了區(qū)別這些人員，會(huì)給不同的人分配不一樣的角色來(lái)展示不同的菜單，這就必須要通過動(dòng)態(tài)路由來(lái)實(shí)現(xiàn)。下面就來(lái)介紹vue實(shí)現(xiàn)動(dòng)態(tài)路由,需要的朋友可參考一下2021-10-10
這篇文章主要給大家介紹了關(guān)于如何以拖拽方式生成Vue用戶界面的相關(guān)資料，文中通過示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2021-04-04
今天小編就為大家分享一篇vue中動(dòng)態(tài)添加class類名的方法，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過來(lái)看看吧2018-09-09
Vue是一個(gè)流行的前端框架，許多web開發(fā)人員使用Vue來(lái)構(gòu)建他們的應(yīng)用程序。然而，正如任何其他框架一樣，Vue也可能會(huì)發(fā)生錯(cuò)誤。在這篇技術(shù)文章中，我們將探討Vue常見的報(bào)錯(cuò)以及如何解決它們2023-03-03
這篇文章主要介紹了Vue項(xiàng)目中使用自定義字體樣式方式，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方，望不吝賜教2022-09-09
webpack+vue-cil 中proxyTable配置接口地址代理操作
這篇文章主要介紹了webpack+vue-cil 中proxyTable配置接口地址代理操作，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過來(lái)看看吧2020-07-07
今天小編就為大家分享一篇vue 根據(jù)選擇條件顯示指定參數(shù)的例子，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過來(lái)看看吧2019-11-11
Vue動(dòng)態(tài)組件與異步組件超詳細(xì)講解
這篇文章主要介紹了Vue動(dòng)態(tài)組件與異步組件，動(dòng)態(tài)組件是根據(jù)數(shù)據(jù)的變化，可以隨時(shí)切換不同的組件，比如咱們現(xiàn)在要展示一個(gè)文本框和輸入框，我們想要根據(jù)我們data中定義的值去決定是顯示文本框還是輸入框2023-03-03
Vue3之getCurrentInstance與ts結(jié)合使用的方式
這篇文章主要介紹了Vue3之getCurrentInstance與ts結(jié)合使用的方式，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方，望不吝賜教2023-04-04
vue點(diǎn)擊單張圖片放大實(shí)現(xiàn)步驟(純js)
這篇文章主要給大家介紹了關(guān)于vue點(diǎn)擊單張圖片放大實(shí)現(xiàn)的相關(guān)資料,在vue項(xiàng)目中實(shí)現(xiàn)點(diǎn)擊圖片放大功能相信對(duì)大家來(lái)說(shuō)都不陌生,文中給出了詳細(xì)的js示例代碼,需要的朋友可以參考下2023-07-07