使用react-loadable做代码分割后跳转页面报错
问题描述
react16+react-router4+react-loadable
做代码分割,但分割后频繁出现跳转路由时 页面加载失败的情况
问题出现的环境背景及自己尝试过哪些方法
在 Loading
组件里面处理了错误 把 Loading
组件中代码改为if(error){return null;}
就可以看到控制台报错为:Uncaught TypeError: (intermediate value)(intermediate value).push is not a function
且在跳转失败的页面刷新 是可以正常展示的,且刷新后 返回 再通过按钮跳转 则恢复正常。
被跳转的页面如果不使用 react-loadable
做代码分割 则不会有任何问题。
相关代码
import Loadable from 'react-loadable';
import Loading from 'components/Loading';
//此写法不使用loadable则正常
// import TestPage from './pages/TestPage';
//此写法使用loadable 则频繁出现路由加载失败
const TestPage = Loadable({loader: () => import('./pages/TestPage'), loading: Loading});
有没有遇到相关情况的朋友?
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论