未捕获的错误：模块建置失败(从./node_modules/babel-loader/lib/index.js)

s2j5cfk0 于 2022-12-08 发布在 Babel

关注(0)|答案(3)|浏览(213)

我已经阅读了大量关于这个问题的帖子，但没有找到解决方案。我用Create-React-App构建了这个应用程序，所以我不必考虑Babel/WebPack。我最近升级了我的依赖项，遇到了这个问题。错误相当长，但这里是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')

应用程序是前端的React和后端的.Net核心。我从startupidocs启动SPA，使用...

if (env.IsDevelopment())
{
    spa.UseReactDevelopmentServer(npmScript: "start");
}

我试过：

使用npx运行babel升级
使用添加babel.config.json

"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",

以上都没有修复这个错误。我甚至关闭并重新启动VS代码以防万一。任何关于如何修复的想法都将不胜感激。

babeljs

来源：https://stackoverflow.com/questions/70974805/uncaught-error-module-build-failed-from-node-modules-babel-loader-lib-index

3条答案

按热度按时间

ds97pgxw1#

我弄清楚了我所面临的问题。虽然显示的错误将我指向巴别塔，这也是我所想的，但真实的的问题与React路由的更改有关。
我必须将所有的<route>元素 Package 在一个<Routes>标记中，然后将组件属性更改为element，并将组件放在类似html的语法中......从{Home}更改为{<Home/>}。
另一个变化是我的导入是从react-router中提取的，我把它改为react-router-dom。
这些都在我的App.js中。
这里有几个链接，可能对其他人有帮助，像我一样，没有意识到有一个变化。

赞(0）回复(0）举报 2022-12-08

g52tjvyc2#

当你安装最新版本的npm时会出现此错误，如npm install react-router-dom@6运行npm start后，它将无法编译，因为@babel/core与npm版本不兼容，所以你必须恢复到babel以前的版本运行此：
2012年7月16日巴别/核心的每分钟转数
然后停止开发服务器并重新启动

赞(0）回复(0）举报 2022-12-08

i7uq4tfw3#

这是由@jridgewell/trace-mapping-@babel/core的一个依赖项引起的，您可以更新它来解决这个问题。参考链接：[Bug]: Breaks react-router-dom #14229

赞(0）回复(0）举报 2022-12-08