antd中按需加载使用react-app-rewired报错

【描述】

按照antd官网步骤 https://ant.design/docs/react/use-with-create-react-app-cn

最后yarn start会报错

【解决方法】

原因是react-scripts 升级到 2.1.2 以后破坏了 react-app-rewired

解决方法，对react-scripts进行降级处理

yarn add [email protected]

参考：

https://blog.csdn.net/weixin_39836173/article/details/86110011

https://www.cnblogs.com/mmykdbc/p/10255814.html

原文地址：https://www.cnblogs.com/remly/p/10259489.html

时间： 2024-10-06 21:36:45

antd中按需加载使用react-app-rewired报错的相关文章

react执行yarn eject后配置antd的按需加载

第一步: 用create-react-app创建完成项目后,执行yarn eject .在config文件夹会显示配置文档第二步: 添加插件yarn add babel-plugin-import --save-dev yarn add antd --save-dev 第三步:在congif文件夹下webpack.config.dev.js第147行添加代码 options: { + plugins: [ + ['import', [{ libraryName: "antd", s

KVM模块加载失败造成Openstack VM报错Error

今天我接到客户的联系电话,说是 Openstack Icehouse 创建的VM,其中一个VM无法连接上了.我查看Openstack Horizon界面,看VM状态,发现是ERROR.和同事初步判断是KVM模块没有加载产生的Openstack VM报错.排障过程如下: 1.sudo modprobe kvm_intel 开启服务器kvm模块支持. 2.lsmod |grep kvm 查看KVM模块加载状态. 3.ls /dev/kvm 查询KVM的硬件设备. 4.重启Openstack Iceh

nginx加载字体文件的时候报错

nginx 下加载配置 location ~* \.(eot|ttf|ttc|otf|eot|woff|woff2|svg)$ { root /web/static_jr/; add_header Access-Control-Allow-Origin *;

用eclipse加载别人的工程，报错Target runtime com.genuitec.runtime.generic.jee60 is not defined

系统加载工程后,报错Target runtime com.genuitec.runtime.generic.jee60 is not defined,在发布工程的同事电脑上正常新导入的工程,出问题很大可能是jdk的版本问题导致,检查一下,发现jdk果然不一致,修改了jdk版本,但异常没有消除网上查询下解决方案,原来在工程目录下的settings,有个文件也需要修改下打开该文件,会发现<runtime name="com.genuitec.runtime.generic.jee60&q

vue加载单文件使用vue-loader报错

报错信息如下:ERROR in ./src/login.vue Module Error (from ./node_modules/vue-loader/lib/index.js): vue-loader was used without the corresponding plugin. Make sure to include VueLoaderPlugin in your webpack config. @ ./src/main.js 7:13-35 解决办法如下: // webpack.

找不到指定的模块无法加载DLL‘mozglue.dll‘ gecko 报错

安装下即可解决 86 64自行选择百度即可找到下载链接附件列表原文地址:https://www.cnblogs.com/tolingsoft/p/12356305.html

React引入AntD按需加载报错

背景:React使用create-react-app脚手架创建,然后yarn run eject暴露了配置之后修改less配置, 需求:实现antd组件按需加载与修改主题. 一开始是按照webpack.config.dev.js文件中的配置进行less的配置. 可以看到脚手架创建的config文件为加载loader写了一个公共方法,不是以前的webpack配置,所以仿照他的方式进行配置less文件. 直接复制css的配置,修改成less的配置,然后yarn start重启项目. 此时可以加载le

react+mobx+antd按需加载出现Support for the experimental syntax 'decorators-legacy' isn't currently enabled

baidu上面的说法大多是在项目的package.json 中添加decorators-legacy 因为引入了antd的按需加载所以只需要在config-overrides.js中添加addDecoratorsLegacy() const { override, fixBabelImports,addDecoratorsLegacy } = require('customize-cra'); module.exports = override( fixBabelImports('impor

利用 React/Redux/React-Router 4/webpack 开发大型 web 项目时如何按需加载

如何设计一个大型 web 项目? React + webpack 如何按需加载? React + React-Router 4 + webpack 如何按需加载? React + Redux + React-Router 4 + webpack 如何按需加载? 实录提要: bundle-loader 和 Webpack 内置的 import() 有什么区别? 按需加载能否支持通过请求后台数据,动态配置页面的的应用场景? 参与过几个 React 项目,被依赖包搞的晕晕的,不知道该怎么选择? 什么包