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，有什么不对的地方有请多多指教！

The ＜Router /＞ component appears to be a function component that returns报错解决方式相关推荐

Your file appears not to be a valid OLE2 document 报错解决办法
做excel导入时遇到的问题可能是由于文件加密或者是文件格式不符,导致了字节流正常读入但类型转为Hssforkbook时无效解决办法:另存为97-03年的xls格式即可
VueJS项目报错解决：router.map is not a function - 方法大全
VueJS项目报错解决:router.map is not a function - 方法大全问题描述: vue报错 router.map is not a function 原因和解决办法(2种以 ...
在router中使用pinia报错解决
在router中使用pinia(getActivePinia was called with no active Pinia. Did you forget to install pinia)报错解决 ...
TypeError: Router.use() requires a middleware function but got a Object报错解决
1.在运行nodejs-mongodb项目时,项目报错 TypeError: Router.use() requires a middleware function but got a Object ...
rocksdb报错解决：librocksdb.a(format.o): In function `Zlib_Uncompress':
在使用rocksdb的时候遇到了报错: build64_release.rep125/my_kv/rocksdb-6.1.2/librocksdb.a(format.o): In function ` ...
/usr/bin/ld: /tmp/ccIHWHTn.o: in function `Cdisk::Cdisk()‘:编译报错解决方案
问题:C++编译时发现一长串编译报错 $ vim ks.cpp $ gcc -o ks ks.cpp 报错: /usr/bin/ld: /tmp/ccIHWHTn.o: in function `Cd ...
verilog “function”函数一直报错解决办法
verilog "function"函数一直报错 ,经qq群中的大佬指点,发现是在 function 函数内部的逻辑部分缺少 begin--end导致.在此记录一下. functi ...
已解决：Component should be written as a pure functioneslintreact/prefer-stateless-fun报错
Component should be written as a pure functioneslintreact/prefer-stateless-fun 解决方案: 在class组件中添加stat ...
AttributeError: 'function' object has no attribute 'Document'报错解决
原因是函数名称和系统中的某个名称相同的,替换另外的名字就行了报错代码: #读取docx中的文本代码示例 import docx def docx():file=docx.Document(filen ...
Invalid component name Component names should conform to valid custom element name报错
控制台报错问题出在,组件注册时,少了{} 解决方案

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

The ＜Router /＞ component appears to be a function component that returns报错解决方式相关推荐

最新文章

热门文章