Vue報錯"Failed?to?resolve?loader:less-loader"的解決方法
前言
前幾天在運行項目的時候,突然間報了這樣一個錯,雖然當時的我感覺很疑惑,明明上次跑的好好 的,這次為啥報我沒有安裝less-loader依賴,但是我還是老老實實地敲下了安裝less-loader的代碼,沒想到折磨才剛剛開始。
一開始我是萬萬沒有想到哇,我僅僅是敲了一句普普通通的、沒啥毛病的npm install less-loader,就給我報了這么長一串錯,直接給我整懵了,只能去問問度娘了。
在網(wǎng)上搜索一番之后發(fā)現(xiàn),這貌似是依賴起沖突了, 現(xiàn)有的版本是webpack@4.46.0,但是less-loader依賴的是webpack5.0.0以上的版本,這就導致了沖突。
第一次嘗試解決
npm install less-loader --legacy-peer-deps
這是我在網(wǎng)上找到的一個解決方案,其實并沒有解決沖突,而是繞過沖突強行安裝了,--legacy-peer-deps標志是在v7中引入的,作用是告訴npm忽略項目中引入的各個modules之間的相同modules但不同版本的問題并繼續(xù)安裝,保證各個引入的依賴之間對自身所使用的不同版本modules共存。這個方案能夠使less-loader安裝成功,但是會引起新的報錯。
這是因為雖然裝上去了,但是因為版本太高而產(chǎn)生的報錯。
第二次嘗試解決
這一次直接嘗試cnpm進行安裝。
雖然有一點點小小的問題,但是不管他,咱們繼續(xù)運行。
好吧,看來cnpm雖然能裝上,但是和第一次嘗試有著同樣的問題。
解決問題
既然說是版本原因起的沖突,那么咱們不妨放棄最新版本的,安裝一個低版本的less和less-loader,是不是就解決了呢。
npm install less-loader@4.1.0 npm install less@3.9.0
這樣果然成功的把less-loader安裝上了,項目也能運行了。
總結
到此這篇關于Vue報錯"Failed to resolve loader:less-loader"解決的文章就介紹到這了,更多相關Vue報錯Failed to resolve loader:less-loader內容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關文章希望大家以后多多支持腳本之家!
相關文章
webpack+vue-cil 中proxyTable配置接口地址代理操作
這篇文章主要介紹了webpack+vue-cil 中proxyTable配置接口地址代理操作,具有很好的參考價值,希望對大家有所幫助。一起跟隨小編過來看看吧2020-07-07Vue3之getCurrentInstance與ts結合使用的方式
這篇文章主要介紹了Vue3之getCurrentInstance與ts結合使用的方式,具有很好的參考價值,希望對大家有所幫助。如有錯誤或未考慮完全的地方,望不吝賜教2023-04-04