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过低导致报错。

 


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM