使用react-loadable做代码分割后跳转页面报错

发布于 2022-09-11 23:38:15 字数 791 浏览 20 评论 0

问题描述

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 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。
列表为空,暂无数据
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文