vue安装less使用报错

第一步：安装less依赖：npm install less less-loader --save
第二步：修改webpack.base.config.js文件，配置loader加载依赖，让其支持外部的less,在原来的代码上添加

{ 
    test: /\.less$/,
    loader: "style-loader!css-loader!less-loader",
　　options: { sourceMap: true }// 可以看到当前标签样式来自于哪个less文件
}

第三步：<style scoped lang="less"> </style>
重新运行报错如下

原因：由于less-loader安装的版本过高，可以卸载后安装指定低版本

npm uninstall less-loader
npm install less-loader@4.1.0 -D

重启