antd自定义主题报错object { lessOptions?, prependData?, appendData?

最新推荐文章于 2023-02-22 13:01:34 发布

南有樛木。

最新推荐文章于 2023-02-22 13:01:34 发布

阅读量735

点赞数

分类专栏： react

本文链接：https://blog.csdn.net/qq_35310623/article/details/117361765

版权

react 专栏收录该内容

2 篇文章 0 订阅

订阅专栏

reactreactz’

react+antd配置自定义主题，使用craco，npm之后，按照 antd官网上给出的配置 https://ant.design/docs/react/customize-theme-cn 报错

./node_modules/antd/dist/antd.less (./node_modules/css-loader/dist/cjs.js??ref--5-oneOf-9-1!./node_modules/postcss-loader/src??postcss!./node_modules/resolve-url-loader??ref--5-oneOf-9-3!./node_modules/less-loader/dist/cjs.js??ref--5-oneOf-9-4!./node_modules/antd/dist/antd.less)
ValidationError: Invalid options object. Less Loader has been initialized using an options object that does not match the API schema.
 - options has an unknown property 'javascriptEnabled'. These properties are valid:
   object { lessOptions?, prependData?, appendData?, sourceMap?, implementation? }

官网原配置：

module.exports = {
    plugins: [
        {
          plugin: CracoLessPlugin,
          options: {
            lessLoaderOptions: {
                modifyVars: { '@primary-color': '#1DA57A' },
                javascriptEnabled: true,
            },
          },
        },
    ],
}

将原配置修改后：

module.exports = {
  plugins: [
    {
      plugin: CracoLessPlugin,
      options: {
        lessLoaderOptions: {
          lessOptions: {
            modifyVars: { '@primary-color': '#1DA57A' },
            javascriptEnabled: true,
          },
        },
      },
    },
  ],
};

官网上也给出了 craco 配置文件的例子，参照官网上的例子配置即可。

地址：https://github.com/ant-design/create-react-app-antd