AntDesign .bezierEasingMixin()； ^ Inline JavaScript is not enabled. Is it set in your options?

女爷i 2023-01-01 02:58 333阅读 0赞

## Intro ##

使用AntDesign组件库时，引入样式文件。  
本来是：`import 'antd/dist/antd.css';` 一切正常。  
修改为：`import 'antd/dist/antd.less';` 后报错，内容如下：

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3d1eXVqaW4xOTk3_size_16_color_FFFFFF_t_70]  
核心错误消息为：

// https://github.com/ant-design/ant-motion/issues/44
    .bezierEasingMixin();
    ^
    Inline JavaScript is not enabled. Is it set in your options?

即：内联JavaScript没有启用。  
那么解决方案为：启用这个错误消息中所说的参数项。

## 解决 ##

修改 webpack 配置中 `module.rules`数组中，对应的`less-loader`的配置。

从：

{ 
      test: /\.(css|less)$/,
      use: [
        {  loader: "style-loader" },
        {  loader: "css-loader" },
        {  loader: "less-loader" },
      ],
    },

到：

{ 
      test: /\.(css|less)$/,
      use: [
        {  loader: "style-loader" },
        {  loader: "css-loader" },
        { 
          loader: "less-loader",
          options: { 
            lessOptions: { 
              javascriptEnabled: true,
            },
          },
        },
      ],
    },

再次运行(修改了webpack配置文件需要重启应用)，程序正常启动。

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3d1eXVqaW4xOTk3_size_16_color_FFFFFF_t_70]: /images/20221120/a799c3b20d5c4cd79370ebf90540d770.png