react antd按需加载报错

2022-01-19 20:03:03 阅读：325 来源： 互联网

标签：node modules postcssOptions loader react 报错 antd js

Module build failed (from ./node_modules/postcss-loader/dist/cjs.js):

ValidationError: Invalid options object. PostCSS Loader has been initialized using an options object that does not match the API schema. - options has an unknown property 'plugins'. These properties are valid: object { postcssOptions?, execute?, sourceMap?, implementation? } at validate (C:\Users\w\Desktop\project\react-template\node_modules\webpack\node_modules\schema-utils\dist\validate.js:105:11) at Object.getOptions (C:\Users\w\Desktop\project\react-template\node_modules\webpack\lib\NormalModule.js:578:19) at Object.loader (C:\Users\w\Desktop\project\react-template\node_modules\postcss-loader\dist\index.js:40:24)

先附上关键插件版本号

    "antd": "^4.18.2",
    "babel-plugin-import": "^1.13.3",
    "customize-cra": "^1.0.0",
    "less": "^4.1.2",
    "less-loader": "^7.3.0",

根据antd@3x文档中按需加载配置发现，会报如上错误，是因为less-loader版本问题，网上有人说降低版本号就行了，其实没必要只需要在config-overrides.js文件里如下加入postcssOptions即可

onst { override, fixBabelImports, addLessLoader } = require("customize-cra");

module.exports = override(
  fixBabelImports("import", {
    libraryName: "antd",
    libraryDirectory: "es",
    // style: "css",
    style: true,
  }),
  addLessLoader({
    // postcssOptions 按需加载antd关键
    postcssOptions: {
      javascriptEnabled: true,
      modifyVars: { "@primary-color": "#1890ff" }, //配置相关主题颜色
    },
  })
);

标签：node,modules,postcssOptions,loader,react,报错,antd,js
来源： https://www.cnblogs.com/xian-wen/p/15823851.html

本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享；
2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关；
3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关；
4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除；
5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。

ICode9

react antd按需加载报错