使用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});

有没有遇到相关情况的朋友?

阅读 2.4k
撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题