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過低導致報錯。