Vue安装less，使用报错解决办法

一、less安装

1.安装less和less-loader

npm install less less-loader --save-dev

2.安装成功后，打开build/webpack.base.conf.js ，在module.rules 中添加一段：

{
        test: /.less$/,
        loader: "style-loader!css-loader!less-loader",
      },

3.最后在页面代码中引用：

<style lang="less" scoped>
</style>

二、问题

完成less安装后，代码一运行就报错，

版本错误，所以尝试将less和less-loader的版本降低：

npm install less@3.9.0 -s
npm install less-loader@5.0.0 -s

再次运行，成功

总结：应该是vue版本2.0过低导致报错。