javascript - React.lazy 在尝试延迟加载组件时返回 404 错误

Question

我正在尝试将我的 React 应用程序动态转换为延迟加载组件以提高 Lighthouse 性能得分，并且一直在遵循React 代码拆分文档来做到这一点。

按照文档，我尝试切换组件在 App.js 文件中的加载方式，如下所示：

//Before
import Component from './components/examples/Component';

//After
const Component = lazy(() => import('./components/examples/Component'));

但是，当我这样做时，带有组件的 App.js 中的路由无法加载，因为当服务器尝试获取 http://localhost:3000/App.js 时站点出现 404 错误。我是否需要向我的服务器添加一条路由以返回我想要延迟加载的每个组件？文档上没有关于此的内容...

寻找发生这种情况的原因，而不是重做我的 App.js 路由的方法。