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

s2j5cfk0  于 2022-12-08  发布在  Babel
关注(0)|答案(3)|浏览(214)

我已经阅读了大量关于这个问题的帖子,但没有找到解决方案。我用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代码以防万一。任何关于如何修复的想法都将不胜感激。

ds97pgxw

ds97pgxw1#

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

g52tjvyc

g52tjvyc2#

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

i7uq4tfw

i7uq4tfw3#

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

相关问题