He leído un montón de publicaciones sobre esto y no puedo encontrar una solución. Desarrollé la aplicación con Create-React-App para no tener que pensar en Babel/WebPack. Recientemente actualicé mis dependencias y encontré este problema. El error es bastante largo, pero aquí está la primera parte del error bundle.js...
Uncaught Error: Module build failed (from ./node_modules/babel-loader/lib/index.js): TypeError: .../src/StudentDashboard/ClientApp/node_modules/history/index.js: Cannot read properties of undefined (reading 'originalPositionFor')La aplicación es React en el front-end y .Net Core en el back-end. Comienzo el SPA desde startup.cs con...
if (env.IsDevelopment()) { spa.UseReactDevelopmentServer(npmScript: "start"); }Yo he tratado:
"presets": ["@babel/preset-env", "@babel/preset-react"] "@babel/core": "^7.17.0", "@babel/preset-env": "^7.16.11", "@babel/preset-react": "^7.16.7", "babel-loader": "^8.2.3",Ninguno de los anteriores solucionó el error. Incluso cerré y reinicié VS Code por si acaso. Cualquier idea sobre cómo solucionarlo sería apreciada.
Este error aparece cuando instala la última versión de npm como este npm install react-router-dom@6 después de ejecutar npm start, no se podrá compilar debido a que @babel/core es incompatible con la versión de npm, por lo que debe volver a Las versiones anteriores de babel ejecutan esto:
npm i -D @babel/core@7.16.12
detenga su servidor de desarrollo y reinicie nuevamente
Descubrí el problema al que me enfrentaba. Si bien el error que se mostró me apuntó hacia Babel, que es lo que pensé, el problema real estaba relacionado con los cambios en el enrutamiento de React.
Tuve que envolver todos mis elementos <route> en una etiqueta <Routes> . Luego tuve que cambiar el atributo del componente a elemento y colocar el componente en una sintaxis similar a html... de {Home} a {<Home/>} .
Otro cambio fue que mi importación se estaba extrayendo de react-router. Lo cambié a reaccionar-router-dom.
Todo esto estaba en mi App.js.
Aquí hay un par de enlaces que pueden ser útiles para otras personas que, como yo, no se dieron cuenta de que hubo un cambio.
Esto es causado por @jridgewell/trace-mapping , una dependencia de @babel/core. Puede actualizarlo para solucionar el problema. Enlace de referencia： [Error]: Rompe react-router-dom #14229