使用React.lazy时未捕获未定义错误

我所做的只是用这个替换了 3 个导入：

import { lazy, Suspense } from "react";
const Home = lazy(() => import("./Home"));
const Login = lazy(() => import("./Login"));
const Counter = lazy(() => import("./Counter"));


此代码构建成功，但浏览器上没有任何渲染，我在控制台中收到此错误：

Uncaught undefined
The above error occurred in one of your React components:
in Unknown (created by Context.Consumer)
in Route (at App.tsx:29)
in Switch (at App.tsx:28)
in Suspense (at App.tsx:27)
in Router (created by BrowserRouter)
in BrowserRouter (at App.tsx:25)
in ErrorBoundary (at App.tsx:24)
in App (at src/index.tsx:19)
in Provider (at src/index.tsx:18)
in StrictMode (at src/index.tsx:17)


难道我做错了什么？

附加上下文：

如果重要的话，组件被命名为默认重新导出的组件，因为这是 React.lazy 所要求的：

export { Home as default } from "./Home";


其中一个组件使用 redux，因此应用程序被包装在一个商店提供程序中：

这是我的 tsconfig：

import Counter from "./Counter";
import Home from "./Home";
import Login from "./Login";
export function App() {
return (

"Loading.."