vue安装less-loader报错

问题描述在vue项目中，如果组件内style的声明上加上lang='less'<style lang='less' scoped></style>则表示可以使用less语法。在写完less/css运行后，可能会报如下错误。出现原因由于less-loader版本过高引发npm uninstall less-loader // 卸载npm install less-loader

谁是克里斯

4246人浏览 · 2021-03-31 11:20:03

谁是克里斯 · 2021-03-31 11:20:03 发布

问题描述
在vue项目中，如果组件内style的声明上加上lang='less'

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

则表示可以使用less语法。在写完less/css运行后，可能会报错误。
在这里插入图片描述
这表示需要安装less-loader
当按照npm install less-loader --save安装则会报如下错误

出现原因
npm安装不指定包版本，将安装最新版本。此问题由于less-loader版本过高引发

npm uninstall less-loader // 卸载
npm install less-loader@7.0.0 --save // 安装

备注
截至我当前日期2021/3/31 : vue版本为3.0.0， less-loader 版本只能为 8.0.0 以下

不使用less
如果不想写less，不想安装，直接删除lang='less'即可

Vue

前往低代码交流专区

更多推荐

vue 表单验证

1、6位小写字母和数字必须包含两个字母rules: [{ required: true, message: "XXX不能为空", trigger: "blur" },{ max: 6, message: "最大长度为6位字符", trigger: "blur" },{pattern: /^(?=(?:[^a-z]*[a-z]){2})[a-z0-9]{6,6}$/, //不连续的两位字母// /^