regeneratorRuntime未定义（如何防止babel包含该polyfill？）

Question

我继续得到：

App.jsx：11未捕获的ReferenceError：未定义regeneratorRuntime

在执行异步的任何行上。我没有那个polyfill，但是我很难摆脱它：

app.jsx:11)

 const fetcher = (async () => {

  "@babel/cli": "^7.4.4",
   "@babel/core": "^7.4.4",
   "@babel/preset-env": "^7.4.4",
   "@babel/preset-react": "^7.0.0",
   "@types/react": "^16.8.17",
   "babel-preset-env": "^1.7.0"

这里是 .babelrc

{
    "presets": [
        [
            "@babel/preset-env",
            {
                "targets": {
                    "chrome": ">70",
                },
                "exclude": ["transform-regenerator"]
            },
            "@babel/preset-react"
        ]
    ]
}

Answer 1

如果你想使用 async, await with (ES6 or ES Next) 那么你必须安装 @babel/polyfill 但你不需要在 babelrc 文件中写任何东西。只需安装 npm install --save @babel/polyfill

从文档：

因为这是一个 polyfill（它将在你的源代码之前运行），我们需要它是一个依赖项，而不是一个 devDependency

最后，您需要在 mainJS (App.js) 文件中导入 @bable/polyfill，例如：

import "@babel/polyfill";

Answer 2

这似乎是 Parcel js 捆绑程序中的一个错误。

https://github.com/babel/babel/issues/9971