Vue啟動失敗報錯:Module?not?found:?Error:?Can‘t?resolve?'less-loader'解決
問題描述
今天想在網(wǎng)上找一個好看的登錄頁面，把別人的代碼引入進(jìn)來之后，發(fā)現(xiàn)項(xiàng)目編譯不了，并且報錯了：
Module not found: Error: Can’t resolve ‘less-loader’
分析問題
從錯誤的日志就可以看出來，是缺少了less-loader這個依賴，但是我們又在項(xiàng)目中使用了(引用了)Sass語法，就會保一下錯誤
實(shí)際上是組件中的樣式里加了這么個代碼
<style lang="less" scoped> </style>
比如這里：
科普：什么是less-loader
簡單來說：
webpack 將 Less 編譯為 CSS 的 loader。
解決問題：安裝less插件
而這個less是需要安裝的，直接執(zhí)行命令:
npm install --save-dev less-loader less
這個包很小，下載起來很快的:
這是他npm的地址
https://www.npmjs.com/package/less-loader
注意：如果less直接安裝，會自動安裝為最新版本，可能會導(dǎo)致項(xiàng)目無法啟動，所以要根據(jù)自己的vue版本選擇less適用的版本
下載完成之后再次啟動項(xiàng)目即可：
總結(jié)
這種錯誤還是比較容易發(fā)現(xiàn)和解決的，解決類似的問題通常有一個技巧：
但凡只要遇到 Module not found:Error:Can`t resolve ‘XXXXXXXXXXXX’，都是項(xiàng)目中沒有安裝這個依賴。 只需要執(zhí)行 ： npm install XXXXXX 就能解決問題。
到此這篇關(guān)于Vue啟動失敗報錯:Module not found: Error: Can‘t resolve 'less-loader'解決的文章就介紹到這了,更多相關(guān)Vue啟動失敗報錯Module not found:內(nèi)容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！
相關(guān)文章
由于公司網(wǎng)絡(luò)登element-ui官方文檔很慢,想把他載下來離線文檔本地跑,下面這篇文章主要給大家介紹了關(guān)于本地部署element-plus文檔的簡單步驟,文中通過實(shí)例代碼介紹的非常詳細(xì),需要的朋友可以參考下2023-05-05
Vue+ElementUI技巧之自定義表單項(xiàng)label的文字提示方法
這篇文章主要給大家介紹了關(guān)于Vue+ElementUI技巧之自定義表單項(xiàng)label文字提示的相關(guān)資料,文中通過圖文以及代碼示例介紹的非常詳細(xì),對大家的學(xué)習(xí)或者工作具有一定的參考借鑒價值,需要的朋友可以參考下2024-02-02
使用echarts點(diǎn)擊按鈕從新渲染圖表并更新數(shù)據(jù)
這篇文章主要介紹了使用echarts點(diǎn)擊按鈕從新渲染圖表并更新數(shù)據(jù)方式，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教2022-10-10
Element-UI結(jié)合遞歸組件實(shí)現(xiàn)后臺管理系統(tǒng)左側(cè)菜單
在Vue.js中使用遞歸組件可以方便地構(gòu)建多層級的菜單結(jié)構(gòu),遞歸組件適用于處理具有嵌套關(guān)系的數(shù)據(jù),文中通過示例代碼介紹的非常詳細(xì),對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2024-09-09
element validate驗(yàn)證函數(shù)不執(zhí)行的原因分析
這篇文章主要介紹了element validate驗(yàn)證函數(shù)不執(zhí)行的原因分析,具有很好的參考價值,希望對大家有所幫助,如有錯誤或未考慮完全的地方,望不吝賜教2024-04-04
這篇文章主要介紹了vue下載文件以及文件重命名方式，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教2022-10-10
vue網(wǎng)站優(yōu)化實(shí)戰(zhàn)之秒開網(wǎng)頁
最近在搭建自己的博客,前端采用Vue技術(shù),發(fā)現(xiàn)首頁加載速度非常之慢,常常達(dá)到10S左右,遂開始優(yōu)化之旅,這篇文章主要給大家介紹了關(guān)于vue網(wǎng)站優(yōu)化實(shí)戰(zhàn)之秒開網(wǎng)頁的相關(guān)資料,需要的朋友可以參考下2022-08-08
vue使用拖拽方式創(chuàng)建結(jié)構(gòu)樹
這篇文章主要為大家詳細(xì)介紹了vue使用拖拽方式創(chuàng)建結(jié)構(gòu)樹，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下2021-10-10
這篇文章主要為大家介紹了OpenDataV低代碼平臺新增組件流程詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪2022-09-09
Vue3解決Mockjs引入后并訪問404(Not Found) 的頁面報錯問題
mock.js:是一款模擬數(shù)據(jù)生成器,可以生成隨機(jī)數(shù)據(jù),攔截 Ajax 請求,使用mockjs模擬后端接口,可隨機(jī)生成所需數(shù)據(jù),模擬對數(shù)據(jù)的增刪改查,本文給大家介紹了Vue3解決Mockjs引入后并訪問404(Not Found) 的頁面報錯問題,需要的朋友可以參考下2025-04-04