[求助] code splitting导致footer闪屏的问题

#1
const Home = Loadable({
  loader: () => import('../containers/Home/Home'),
  loading,
  delay: 50,
});

...
...
<>
   <Header />
    <Switch>
       <Route path={routePath.home} exact component={Home} />
       <Route path={routePath.archive} component={Archive} />
       <Route path={routePath.about} component={About} />
     </Switch>
    <Footer />
</>

请问大家,我这三个组件用了 react-loadable ,按页面做代码分割,在切换路由的时候,因为有一段
短暂的新组件加载期,所以footer就会提升头部。

应该怎么解决?

可以看我的blog, 在切换路由时会出现footer提升的问题。

抱歉抱歉 已经解决了 不能删帖?

#2

您好 我想问下 react-loadable 我的写上去 编译的时候import 会报错 ,您这边配置别的东西了吗?

#3

你可以看看我的源码,BLOG_FE里面src/layouts/Layouts.tsx,印象里没有额外配置什么。

#4

你好,我这里同样遇到了这个问题,请问下你是怎么解决的呢,如果方便请问可以给个qq咨询下么?