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

项目配置如下

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;

在这里插入图片描述

猜你喜欢

转载自blog.csdn.net/shengmeshi/article/details/126603131