Hola, estoy tratando de usar la división de código React en el paquete web 5.68 de la siguiente manera

 import React, { Suspense, lazy } from 'react'; import { BrowserRouter as Router, Routes, Route } from 'react-router-dom'; const Home = lazy(() => import('./pages/Home')); const About = lazy(() => import('./pages/About')); const App = () => ( <Router> <Suspense fallback={<div>Loading...</div>}> <Routes> <Route path="/" element={<Home />} /> <Route path="/about" element={<About />} /> </Routes> </Suspense> </Router> );

Sin embargo, recibo errores, específicamente en la consola, dice que se está lanzando un indefinido no capturado desde bootstrap: 27, que parece ser un archivo relacionado con el paquete web

 // Execute the module function try { var execOptions = { id: moduleId, module: module, factory: __webpack_modules__[moduleId], require: __webpack_require__ }; __webpack_require__.i.forEach(function(handler) { handler(execOptions); }); module = execOptions.module; execOptions.factory.call(module.exports, module, module.exports, execOptions.require); } catch(e) { module.error = e; throw e; }

Aquí está el arranque con la función que arroja el error e. Ahora parece que cuando voy a iniciar npm, ninguno de los fragmentos se está construyendo, solo un único archivo bundle.js. Intenté usar npm install --save-dev @babel/plugin-syntax-dynamic-import pero no funcionó. Como referencia, esta aplicación se creó usando create-react-app