babel JS 文件无法解析“@babel/runtime/helpers/builtin/classCallCheck”

IT技术 reactjs npm babeljs node-modules admin-on-rest
2021-03-26 10:12:43

休息时我的项目运行良好，直到我删除我的 node_modules 文件并尝试重新安装 npm 包。

我收到此错误 

./node_modules/react-event-listener/dist/react-event-listener.cjs.js
Module not found: Can't resolve '@babel/runtime/helpers/builtin/classCallCheck' in '/Users/suatkarabacak/Desktop/demarkedashboard/node_modules/react-event-listener/dist'

我的 package.json 看起来像这样。

{
  "name": "demo",
  "version": "0.1.0",
  "private": true,
  "dependencies": {
    "admin-on-rest": "^1.4.1",
    "aor-dependent-input": "^1.2.0",
    "aor-parseserver-client": "0.3.0",
    "aor-rich-text-input": "^1.0.1",
    "babel-runtime": "^6.26.0",
    "parse": "^1.11.1",
    "parse-react": "^0.5.2",
    "prop-types": "^15.6.2",
    "react": "^15.6.2",
    "react-dom": "^15.6.2",
    "react-image-lightbox": "^4.6.0",
    "react-images": "^0.5.19"
  },
  "devDependencies": {
    "@babel/runtime": "^7.0.0-beta.56",
    "aor-color-input": "^1.2.1",
    "babel-polyfill": "^6.23.0",
    "react-scripts": "^1.1.4"
  },
  "homepage": "demo.html",
  "scripts": {
    "start": "react-scripts start",
    "build": "react-scripts build",
    "test": "react-scripts test --env=jsdom",
    "eject": "react-scripts eject"
  }
}

@babel/运行时文件

没有内置文件夹。

可能是什么问题呢 ？

4个回答

由于 Babel 7.x 仍然是 beta 版本，beta.56昨天发布的 中有一个突破性的变化。

"@babel/runtime": "^7.0.0-beta.56",

如果您正在使用某个东西的 beta 版本，^在您的版本号中使用它是危险的，因为这意味着它会接受任何最新版本，无论它是否与以前的 beta 版本实际上兼容。

由于react-scripts使用https://github.com/facebook/create-react-app/blob/1407287839f94151cec729bd89441d4eee7d9dd3/packages/babel-preset-react-app/package.json#L28

"@babel/plugin-transform-runtime": "7.0.0-beta.46",

你应该有

"@babel/runtime": "7.0.0-beta.46",

在你自己package.json的匹配。

那解决了我的问题。感谢您的解决方案和详细信息！
2021-05-30 10:12:43

就我而言，问题出在相对路径和复杂的项目结构中，因此我必须指定 node_modules 目录的确切位置：

module.exports = {  
    resolve: {
      modules: [
        path.resolve(__dirname, "node_modules")
      ],
  ...
先生，您是英雄——这是我的问题——在找到这个之前，我已经在互联网上搜索了好几天。
2021-06-18 10:12:43

如果您因为对 material-ui 的依赖而遇到这种情况：

看起来 material-ui 更新了它的 package.json 以引用 '7.0.0-beta.42' 而不是 '^7.0.0-beta.42'

见问题：12409

如果您想使用7.0.0-beta.56版本，最简单的解决方案是在builtin/文件夹内手动创建文件helpers/夹，然后移动或复制其中的 helpers 文件夹的内容，helpers/builtin/您将不会再看到此错误消息。

其它你可能感兴趣的问题
上一篇在 MUI 中，我们什么时候使用 Input 与 TextField 来构建表单？ 下一篇类型属性依赖于另一个属性的返回类型