反应重定向呈现空白页

Question

我有一个正在运行的React应用程序。当我打开设备时，可以说/ contacts页面，进行API调用，如果返回404，我会将用户重定向到错误页面（/ error）。

重定向发生到/ error。我可以在网址中看到它。但是问题在于呈现的页面是空白页面。我不知道为什么请注意，在这种情况下我看到一个错误“ ChunkLoadError：加载块16失败”

下面是我的主要代码。

// In the index.js
import React, { useEffect, Suspense } from "react";
import { BrowserRouter as Router, Route } from "react-router-dom";
import { createBrowserHistory } from "history";

const Contact = React.lazy(() => import("./pages/Contact"));
const Error = React.lazy(() => import("./pages/Error"));

function App() {
const history = createBrowserHistory({
    basename: process.env.PUBLIC_URL
});

return (
<Router basename={"LB"} history={history}>
  <div>
    <div>
      <Suspense fallback={"Loading..."}>
        <Route path="/contact" exact component={Contact} />
        <Route path="/error" component={Error} />
      </Suspense>
    </div>
  </div>
</Router>
);
} 

export default App;


// Inside the Contact page
axios.get(url)
.then((response)=>{console.log('success')})
.catch((error)=>{props.history.push("/error");})

有什么建议或原因吗？