关于react使用antd定制主题报错

最新推荐文章于 2024-01-04 20:52:51 发布

恰好有你

最新推荐文章于 2024-01-04 20:52:51 发布

阅读量703

点赞数

分类专栏： react

原文链接：https://blog.csdn.net/bidang3275/article/details/114047059

版权

react 专栏收录该内容

12 篇文章 0 订阅

订阅专栏

本文针对less-loader版本过高导致的报错和modifyVars属性配置问题，提供了解决方案。首先，建议降级less-loader到7.1.0版本；其次，展示了如何在config-overrides.js中正确设置modifyVars以修复报错。

摘要由CSDN通过智能技术生成

1.报错this.getOptions is not a function
在这里插入图片描述
解决办法:可能是由于less-loader的版本过高

可以将当前版本卸载,再安装7.x的版本

npm uninstall less-loader
npm install less-loader@7.1.0

2.报错options has an unknown property ‘modifyVars’. These properties are valid
在这里插入图片描述
解决办法:modifyVars 语法问题
修改根目录下的config-overrides.js文件

const { override, fixBabelImports, addLessLoader } = require('customize-cra');
module.exports = override(
  fixBabelImports('import', {
    libraryName: 'antd',
    libraryDirectory: 'es',
    style: true,
  }),
  // 修改的部分
  addLessLoader({
   		lessOptions:{
			 javascriptEnabled: true,
    		modifyVars: { '@primary-color': '#fcaf17' },
		}
  }),
);