Ant design pro 如果在getInitialState期间抛出错误,我如何显示错误页面

问题描述

在我的 app.tsx 中,getInitialState 会从远程服务器获取一些东西,如果远程服务器的 url 或其他东西(例如网络)错误,则会抛出错误。
查看 Umi initialState.js,它将设置有关错误的状态。

// .umi\plugin-initial-state\models\initialState.js

// omit some irrelevant code
const refresh = useCallback(async() => {
    setState(s => ({ ...s,loading: true,error: undefined }))
    try {
      const asyncFunc = () => new Promise<ReturnType<typeof getInitialState>>(res => res(getInitialState()));
      const ret = await asyncFunc();
      setState(s => ({ ...s,initialState: ret,loading: false }));
    } catch(e) {
      setState(s => ({ ...s,error: e,loading: false }));
    }
  },[]);

但是,如我所见,该错误当前已被忽略,并且仍会呈现该路由的组件。
如果抛出错误,如何显示错误页面?

解决方法

暂无找到可以解决该程序问题的有效方法,小编努力寻找整理中!

如果你已经找到好的解决方法,欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@)