View UI 定制主题安装 less 报错及踩坑记录

View UI定制主题地址
使用的是推荐的变量覆盖方法，新建目录如 my-theme，在 my-theme 下新建 index.less，然后在入口文件 main.js 内导入这个 less 文件，这些都做好之后，因为项目没有安装 less，开始了报错之旅

简单易懂版：

安装 less 后各种报错出在 less 和 less-loader 的版本上，安装时不指定版本我这里显示 + less-loader@8.1.1，+ less@4.1.1，需要降低版本才行，比如 + less-loader@5.0.0，+ less@2.7.3

详细记录版：

问题出在一开始没有指定 less 和 less-loader 的版本，后续只能卸载重新安装低版本

错误1、Failed to resolve loader: less-loader. You may need to install it.

npm install less-loader --save-dev

错误2、error in ./my-theme/index.less Syntax Error: Error: Cannot find module ‘less’

npm install less --save-dev

错误3、error in ./my-theme/index.less Syntax Error: TypeError: this.getOptions is not a function

npm uninstall less-loader
npm install less-loader@5.0.0

错误4、error in ./my-theme/index.less Syntax Error: // https://github.com/ant-design/ant-motion/issues/44 .bezierEasingMixin(); ^

npm uninstall less
npm install less@2.7.3

终于问题得到解决
View UI 定制主题可以正常运行起来