反应重定向呈现空白页面

Question

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

重定向发生在 /error 上。 我可以在 url 中看到它。 但问题是呈现的页面是空白页面。 我不知道为什么。 请注意，我在这种情况下看到一个错误“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");})

发生这种情况的任何建议或原因？