The <Router /> component appears to be a function component that returns报错解决方式

这个报错是热更新引入的组件导致的,重新卸载安装react-hot-loader即可

1.先把react-hot-loader依赖注释掉,运行npm i,

2.再重新安装热更新:运行npm i react-hot-loader -save

那我是在什么情况产生该问题的呢?

我是先引入react-router-dom路由并配置好路由配置

 再引入element-react依赖到react项目,其中依赖react-hot-loader:

参考上面文章运行npm install react-hot-loader@next --save 命令,虽然项目能正常启动,但控制台一直显示《The <Router /> component appears to be a function component that returns报错》,

我一开始还以为是router跟redux,axios,element-react框架冲突,经排查发现只router跟element-react引用有问题,只要我一引用element-react使用就报错,然后就去一一对element-react相关依赖才行重新卸载安装一遍,试到react-hot-loader才发现该报错是热更新引入的组件导致的!

小小一个依赖问题,给我整了好几天!服了!刚接触react,有什么不对的地方有请多多指教!

  • 4
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 4
    评论
评论 4
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值