Tengo algunos componentes que son lazy e importantes en App.tsx que se usa en Index.tsx donde se ordena y se agrega al body .

 const IndexPage = lazy(() => import("../features//IndexPage")); const TagsPage = lazy( () => import("../features/tags/TagsPage") ); const ArticlePage = lazy(() => import("../features/article/ArticlePage")); const SearchResultPage = lazy( () => import("../features/search-result/SearchResultPage") ); const ErrorPage = lazy(() => import("../features/error/ErrorPage")); ---- <BrowserRouter basename={basename}> <Suspense fallback={<Fallback />}> <Routes> <Route path={INDEX} element={<IndexPage />} /> <Route path={ARTICLE} element={<ArticlePage />} /> <Route path={TAGS} element={<TagsPage />} /> <Route path={SEARCH} element={<SearchResultPage />} /> <Route path={ERROR} element={<ErrorPage />} /> <Route path="/*" element={<ErrorPage />} /> </Routes> </Suspense> </BrowserRouter>

A menudo, el siguiente error ocurre en producción.

No se pudo recuperar el módulo importado dinámicamente:

Ha pasado en todas las rutas.

 https://help.example.io/static/js/SearchResultPage-c1900fe3.js https://help.example.io/static/js/TagsPage-fb64584c.js https://help.example.io/static/js/ArticlePage-ea64584c.js https://help.example.io/static/js/IndexPage-fbd64584c.js

He cambiado la ruta de compilación. Por lo tanto, es /static/js .

¿Alguien sabe cómo solucionar este problema?

Actualizar:

Nunca he recibido este error en mi propia PC. Uso Sentry para rastrear errores. Está relatado allí.

Es todo lo que hay en Sentry.

 { arguments: [ { message: Failed to fetch dynamically imported module: https://help.example.io/static/js/SearchResultPage-c1900fe3.js, name: TypeError, stack: TypeError: Failed to fetch dynamically imported module: https://help.example.io/static/js/SearchResultPage-c1900fe3.js } ], logger: console }