Shirley~~ 2022-10-29 20:16 采纳率: 90%
浏览 11
已结题

使用antd改变自定义主题

问题遇到的现象和发生背景

使用antd改变自定义主题,我都是根据官网3x版本走的 还是有问题

用代码块功能插入代码,请勿粘贴截图

我的less等版本

"@testing-library/user-event": "^13.5.0",
    "antd": "^4.23.6",
    "antd-mobile": "^5.24.2",
    "babel-plugin-import": "^1.13.5",
    "customize-cra": "^1.0.0",
    "less": "^4.1.3",
    "less-loader": "10.2.0",
    "postcss-loader": "6.2.1",
    "react": "^18.2.0",
    "react-app-rewired": "^2.2.1",
    "react-dom": "^18.2.0",
    "react-scripts": "5.0.1",
    "web-vitals": "^2.1.4"

我的config-overrides.js文件

 const { override, fixBabelImports, addLessLoader } = require('customize-cra');

 module.exports = override(
   fixBabelImports('import', {
     libraryName: 'antd',
     libraryDirectory: 'es',
    //  style: 'css',
    style:true,
   }),
   addLessLoader({
       lessOptions:{
        javascriptEnabled: true,
        modifyVars: { '@primary-color': 'green' },
       }
    }),
 );

运行结果及报错内容
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'. 

我的解答思路和尝试过的方法

我查阅了网上相关消息 都说是版本问题,我修改了好几次less-loader与postcss-loader的版本,但是都没有解决

我想要达到的结果

成功运行,修改自定义颜色为绿色

  • 写回答

1条回答 默认 最新

  • CSDN-Ada助手 CSDN-AI 官方账号 2022-10-29 22:37
    关注
    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论

报告相同问题?

问题事件

  • 系统已结题 11月15日
  • 已采纳回答 11月7日
  • 创建了问题 10月29日

悬赏问题

  • ¥15 R语言卸载之后无法重装,显示电脑存在下载某些较大二进制文件行为,怎么办
  • ¥15 java 的protected权限 ,问题在注释里
  • ¥15 这个是哪里有问题啊?
  • ¥15 关于#vue.js#的问题:修改用户信息功能图片无法回显,数据库中只存了一张图片(相关搜索:字符串)
  • ¥15 texstudio的问题,
  • ¥15 spaceclaim模型变灰色
  • ¥15 求一份华为esight平台V300R009C00SPC200这个型号的api接口文档
  • ¥15 字符串比较代码的漏洞
  • ¥15 欧拉系统opt目录空间使用100%
  • ¥15 ul做导航栏格式不对怎么改?