The project configuration is as follows
react + typescript
less 版本: ^4.1.3
less-loader: ^11.0.0
question:
When using less as a style editing tool in a react + typescript project, it prompts when referencing '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)
Solution:
Enter node_modules=>less-loader=>dist=>index.js
to add
lessOptions.javascriptEnabled = true;