Vue學習——vue引用less文件報錯解決方案

1、vue引入less文件報錯

報錯截圖：

 

 

解決方案：

方案一：暫時將less版本降到3.0以下（不推薦）

方案二：開啟 JavaScript 就可以了

{
  loader: "less-loader",
  options: {
    javascriptEnabled: true
  }
}

具體項目中實現，在根目錄下創建vue.config.js文件，然后里面寫入一下代碼：

module.exports={
    //選項
    css:{
        loaderOptions:{
            less:{
                javascriptEnabled: true
            }
        }
    }
};

截圖為：

 

最后，需要重啟服務，即可。

 

2、vue報錯：Module build failed (from ./node_modules/less-loader/dist/cjs.js):

解決方案：

需要局部安裝vue-style-loader，less-loader，css-loader，vue-loader和less包（需注意就算全局安裝以上包仍需局部安裝）

即：npm i vue-style-loader less-loader css-loader vue-loader less

 然后，重啟服務，即可。