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

 然后，重启服务，即可。