按照antd的文档,使用create-react-app新建好项目,引用react\-app\-rewired customize\-cra babel-plugin-import
,根目录下的文件 config-overrides.js
也是按照文档配置,然后启动项目就会报错。搜索一些问题,都是将配置reject,修改了webpack,目前没找到问题原因,请教一下大神们。
自己找了好久,最后问题在stackoverflow上找到了解决问题,希望一下解决方案对有类似问题的小伙伴有帮助:stackoverflow问题地址连接
customize-cra
的当前版本与create-react-app
的最新版本不兼容,准确地说,与css-loader
不兼容。尝试安装customize-cra@next以
获取alpha版本
。他们在那里解决了那个问题。
但是,在config-overrides.js中,也不能按照antd文档中的那样直接写
// ***错误的,也会提示报错***
addLessLoader({
javascriptEnabled: true,
modifyVars: { '@primary-color': '#F00' }
})
只有一下属性是有效的:object { lessOptions?, prependData? appendData? sourceMap? }
所以对addLessLoader参数需要修改:
// ***将配置放在lessOptions中***
addLessLoader({
lessOptions: {
javascriptEnabled: true,
modifyVars: { '@primary-color': '#F00' }
}
})