项目配置如下
react + typescript
less 版本: ^4.1.3
less-loader: ^11.0.0
问题:
在react + typescript 项目中使用less 作为样式编辑工具, 引用’antd/dist/antd.less’时提示:
Compiled with problems:X
ERROR in ./node_modules/_antd@4.22.8@antd/dist/antd.less (./node_modules/css-loader/dist/cjs.js!./node_modules/_less-loader@11.0.0@less-loader/dist/cjs.js!./node_modules/_antd@4.22.8@antd/dist/antd.less)
Module build failed (from ./node_modules/_less-loader@11.0.0@less-loader/dist/cjs.js):
// https://github.com/ant-design/ant-motion/issues/44
.bezierEasingMixin();
^
Inline JavaScript is not enabled. Is it set in your options?
Error in /Users/hw/Desktop/mine/community_web/node_modules/_antd@4.22.8@antd/lib/style/color/bezierEasing.less (line 110, column 0)
解决方法:
进入node_modules=> less-loader=>dist=> index.js
添加
lessOptions.javascriptEnabled = true;