react+less提示Inline JavaScript is not enabled. Is it set in your options?

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;

insert image description here

Guess you like

Origin blog.csdn.net/shengmeshi/article/details/126603131