Babel 7 - 未捕获的 ReferenceError：未定义 regeneratorRuntime

Question

我在使用 React 和 webpack 和 Babel 时遇到错误 Uncaught ReferenceError: regeneratorRuntime is not defined。

我遵循 this answer 将我的 .babel.rc 定义为：

{
  "presets": ["@babel/preset-env", "@babel/preset-react"] ,
  "plugins": [
      ["@babel/plugin-transform-runtime"]
  ]
}

并运行：

npm i --save-dev @babel/plugin-transform-runtime

但是，之后我得到了完全相同的错误。我也遵循了 this other answer 和 this one，但仍然得到完全相同的错误。

我在 package.json 中的 babel 特定安装如下：

  "dependencies": {
    "@babel/runtime": "^7.14.6"
  },
  "devDependencies": {
    "@babel/core": "^7.14.6",
    "@babel/plugin-transform-runtime": "^7.14.5",
    "@babel/preset-env": "^7.14.7",
    "@babel/preset-react": "^7.14.5"
  }

有什么想法吗？

Answer 1

这最终对我有用：

How to allow async functions in React + Babel?

我的问题是我在我的 .babel.rc 文件和 webpack.config.js 文件中定义了 babel 插件。我需要从我的 webpack.config.js 中删除该插件并仅在我的 .babel.rc 文件中使用它。然后效果很好。