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