Vue啟動(dòng)失敗報(bào)錯(cuò):Module?not?found:?Error:?Can‘t?resolve?'less-loader'解決
問題描述
今天想在網(wǎng)上找一個(gè)好看的登錄頁(yè)面，把別人的代碼引入進(jìn)來之后，發(fā)現(xiàn)項(xiàng)目編譯不了，并且報(bào)錯(cuò)了：
Module not found: Error: Can’t resolve ‘less-loader’
分析問題
從錯(cuò)誤的日志就可以看出來，是缺少了less-loader這個(gè)依賴，但是我們又在項(xiàng)目中使用了(引用了)Sass語(yǔ)法，就會(huì)保一下錯(cuò)誤
實(shí)際上是組件中的樣式里加了這么個(gè)代碼
<style lang="less" scoped> </style>
比如這里：
科普：什么是less-loader
簡(jiǎn)單來說：
webpack 將 Less 編譯為 CSS 的 loader。
解決問題：安裝less插件
而這個(gè)less是需要安裝的，直接執(zhí)行命令:
npm install --save-dev less-loader less
這個(gè)包很小，下載起來很快的:
這是他npm的地址
https://www.npmjs.com/package/less-loader
注意：如果less直接安裝，會(huì)自動(dòng)安裝為最新版本，可能會(huì)導(dǎo)致項(xiàng)目無法啟動(dòng)，所以要根據(jù)自己的vue版本選擇less適用的版本
下載完成之后再次啟動(dòng)項(xiàng)目即可：
總結(jié)
這種錯(cuò)誤還是比較容易發(fā)現(xiàn)和解決的，解決類似的問題通常有一個(gè)技巧：
但凡只要遇到 Module not found:Error:Can`t resolve ‘XXXXXXXXXXXX’，都是項(xiàng)目中沒有安裝這個(gè)依賴。 只需要執(zhí)行 ： npm install XXXXXX 就能解決問題。
到此這篇關(guān)于Vue啟動(dòng)失敗報(bào)錯(cuò):Module not found: Error: Can‘t resolve 'less-loader'解決的文章就介紹到這了,更多相關(guān)Vue啟動(dòng)失敗報(bào)錯(cuò)Module not found:內(nèi)容請(qǐng)搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！
相關(guān)文章
這篇文章主要介紹了vue中cookies的使用方式,具有很好的參考價(jià)值,希望對(duì)大家有所幫助,如有錯(cuò)誤或未考慮完全的地方,望不吝賜教2024-08-08
vuex頁(yè)面刷新數(shù)據(jù)丟失解決方法詳解
這篇文章主要為大家介紹了vuex頁(yè)面刷新數(shù)據(jù)丟失解決方法詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪2023-07-07
這篇文章主要介紹了在vue中如何封裝G2圖表，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方，望不吝賜教2022-04-04
這篇文章主要介紹了vue-cli配置全局sass、less變量的方法，本文分步驟給大家介紹的非常詳細(xì)，具有一定的參考借鑒價(jià)值,需要的朋友可以參考下2019-06-06
本篇文章主要介紹了vue-scroller記錄滾動(dòng)位置的示例代碼，小編覺得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧2018-01-01
這篇文章主要介紹了vue-router為激活的路由設(shè)置樣式操作，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過來看看吧2020-07-07
詳解auto-vue-file:一個(gè)自動(dòng)創(chuàng)建vue組件的包
這篇文章主要介紹了auto-vue-file:一個(gè)自動(dòng)創(chuàng)建vue組件的包,需要的朋友可以參考下2019-04-04
vue使用axios獲取不到響應(yīng)頭Content-Disposition的問題及解決
這篇文章主要介紹了vue使用axios獲取不到響應(yīng)頭Content-Disposition的問題及解決,具有很好的參考價(jià)值,希望對(duì)大家有所幫助,如有錯(cuò)誤或未考慮完全的地方,望不吝賜教2024-06-06
本篇文章主要介紹了Vue中render函數(shù)的使用方法，小編覺得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧2018-01-01
在Vite項(xiàng)目中配置路由時(shí),可能會(huì)遇到文件路徑錯(cuò)誤導(dǎo)致的加載失敗問題,常見的解決辦法包括安裝路徑處理插件、正確設(shè)置vite.config.js中的路徑別名以及重啟項(xiàng)目,通過正確配置,可以確保路由正確加載對(duì)應(yīng)的界面文件,避免路徑錯(cuò)誤導(dǎo)致的問題2024-10-10