一、less的报错1
重述一下使用步骤
1、安装 npm install less less-loader --save
2、配置,在webpack.base.conf.js 的 rules 节点下新增:
{
test: /\.less$/,
loader: "style-loader!css-loader!less-loader"
}
3、使用,在 style 标签中使用 lang="less"
4、编译运行,此时可能会报错:
Module build failed: TypeError: loaderContext.getResolve is not a function
5、解决
这个错误一般都是由less-loader版本过高导致的,版本号可以在 package.json 中查看;
卸载原来的 npm uninstall less-loader;
安装指定版本 npm install less-loader@4.1.0 --save
6、编译运行
二、Vue.js项目引入less文件报错解决
解决方案:
需要局部安装vue-style-loader,less-loader,css-loader,vue-loader和less包(需注意就算全局安装以上包仍需局部安装) 即:npm i vue-style-loader less-loader css-loader vue-loader less
三、antd按需加载,配置babel-plugin-import插件,编译后报错.bezierEasingMixin()解决方案
此问题主要是less的版本是3.0以上才会出现的。
- 打开项目package.json ,将less版本降到3.0以下 比如安装 2.7.3版本。再 install
yarn add less@^2.7.3
或者
打开项目的package.json 找到dependencies下面的less 将其版本改为 "2.7.3" 然后 npm install