需要babel polyfill（自babel 7.4起已弃用）。您还必须安装它才能使异步/等待工作。

npm i -D babel-core babel-polyfill babel-preset-es2015 babel-preset-stage-0 babel-loader

包.json

"devDependencies": {
  "babel-core": "^6.0.20",
  "babel-polyfill": "^6.0.16",
  "babel-preset-es2015": "^6.0.15",
  "babel-preset-stage-0": "^6.0.15"
}

巴氏合金

{
  "presets": [ "es2015", "stage-0" ]
}

js与async/await（示例代码）

"use strict";

export default async function foo() {
  var s = await bar();
  console.log(s);
}

function bar() {
  return "bar";
}

在启动文件中

require("babel-core/register");
require("babel-polyfill");

如果您正在使用webpack，则需要将其作为webpack配置文件（通常为webpack.config.js）中条目数组的第一个值，如@Cemen注释所示：

module.exports = {
  entry: ['babel-polyfill', './test.js'],

  output: {
    filename: 'bundle.js'       
  },

  module: {
    loaders: [
      { test: /\.jsx?$/, loader: 'babel', }
    ]
  }
};

如果要使用babel运行测试，请使用：

mocha --compilers js:babel-core/register --require babel-polyfill

或者，如果您不需要babel polyfill提供的所有模块，您可以在webpack配置中指定babel再生器运行时：

module.exports = {
  entry: ['babel-regenerator-runtime', './test.js'],

  // ...
};

当将webpack-dev-server与HMR一起使用时，这样做可以大大减少每次构建时必须编译的文件数量。这个模块是作为babel polyfill的一部分安装的，所以如果你已经有了，你就可以了，否则你可以用npm i-D babel再生器运行时单独安装它。

笔记如果您使用的是babel7，则该包已重命名为@babel/plugin-transform runtime。

除了polyfill，我还使用babel插件转换运行时。插件描述如下：

外部化对助手和内置程序的引用，自动聚合填充代码而不会污染全局。这到底意味着什么？基本上，您可以使用Promise、Set、Symbol等内置功能，也可以无缝使用所有需要polyfill的Babel功能，而不会造成全局污染，因此非常适合于库。

它还支持异步/等待以及ES6的其他内置功能。

$ npm install --save-dev babel-plugin-transform-runtime

在.babelrc中，添加运行时插件

{
  "plugins": [
    ["transform-runtime", {
      "regenerator": true
    }]
  ]
}

我有使用webpack/babel构建的异步等待：

"devDependencies": {
    "babel-preset-stage-3": "^6.11.0"
}

babelrc语言：

"presets": ["es2015", "stage-3"]

如果使用babel-preset-stage-2，则只需使用--requirebabelpolyfill启动脚本即可。

在我的案例中，这个错误是由Mocha测试引发的。

以下修复了问题

mocha\“server/tests/**/*.test.js\”--编译器js:babel寄存器--需要babel polyfill

我有一个设置使用预设的webpack：['es2015'，'stage-0']以及运行webpack编译的测试的mocha。

为了使测试中的异步/等待工作，我只需要使用mocha和--require-babel polyfill选项：

mocha --require babel-polyfill

当我尝试使用ES6生成器时，使用gulf with rollup时会出现以下错误：

gulp.task('scripts', () => {
  return rollup({
    entry: './app/scripts/main.js',
    format: "iife",
    sourceMap: true,
    plugins: [babel({
      exclude: 'node_modules/**',
      "presets": [
        [
          "es2015-rollup"
        ]
      ],
      "plugins": [
        "external-helpers"
      ]
    }),
    includePaths({
      include: {},
      paths: ['./app/scripts'],
      external: [],
      extensions: ['.js']
    })]
  })

  .pipe(source('app.js'))
  .pipe(buffer())
  .pipe(sourcemaps.init({
    loadMaps: true
  }))
  .pipe(sourcemaps.write('.'))
  .pipe(gulp.dest('.tmp/scripts'))
  .pipe(reload({ stream: true }));
});

我可能认为解决方案是将babel polyfill作为bower组件：

bower install babel-polyfill --save

并将其作为依赖项添加到index.html中：

<script src="/bower_components/babel-polyfill/browser-polyfill.js"></script>

使现代化

如果你将目标设置为Chrome，它就会起作用。但它可能不适用于其他目标，请参阅：https://github.com/babel/babel-preset-env/issues/112

因此，这个答案对于最初的问题来说不太合适。我将把它保存在这里，作为babel预置env的参考。

一个简单的解决方案是在代码开头添加import“babel polyfill”。

如果您使用webpack，快速解决方案是添加babel polyfill，如下所示：

entry: {
    index: ['babel-polyfill', './index.js']
}

我相信我找到了最新的最佳实践。

检查此项目：https://github.com/babel/babel-preset-env

yarn add --dev babel-preset-env

将以下内容用作babel配置：

{
  "presets": [
    ["env", {
      "targets": {
        "browsers": ["last 2 Chrome versions"]
      }
    }]
  ]
}

那么你的应用程序应该可以在最近两个版本的Chrome浏览器中使用。

您还可以将节点设置为目标，或根据https://github.com/ai/browserslist

告诉我什么，不要告诉我怎么做。

我真的很喜欢babel preset env的哲学：告诉我你想要支持哪个环境，而不是告诉我如何支持它们。这是声明式编程的优点。

我已经测试了异步等待，它们确实有效。我不知道它们是如何工作的，我真的不想知道。我想把时间花在我自己的代码和业务逻辑上。多亏了babel预置env，它将我从babel配置地狱中解放出来。

1-安装babel插件，将异步转换为模块方法，babel polyfil，蓝鸟，babel-reset-es2015，babel芯：

npm install babel-plugin-transform-async-to-module-method babel-polyfill bluebird babel-preset-es2015 babel-core

2-添加js babel polyfill：

导入“babel polyfill”；

3-在.babelrc中添加插件：

{
    "presets": ["es2015"],
    "plugins": [
      ["transform-async-to-module-method", {
        "module": "bluebird",
        "method": "coroutine"
      }]
    ]
}

资料来源：http://babeljs.io/docs/plugins/transform-async-to-module-method/

您会收到一个错误，因为async/await使用的生成器是ES2016特性，而不是ES2015。解决此问题的一种方法是为ES2016安装babel预设（npm install--save babel-preset-ES2016），并编译为ES2016而不是ES2015：

"presets": [
  "es2016",
  // etc...
]

正如其他答案所提到的，您也可以使用polyfill（尽管确保在运行任何其他代码之前先加载polyfill）。或者，如果不想包含所有polyfill依赖项，可以使用babel再生器运行时或babel插件转换运行时。

新答案你为什么要听我的答案？

答：因为我将用最新的更新版本npm项目给你们一个答案。

04/14/2017

"name": "es6",
 "version": "1.0.0",
   "babel-core": "^6.24.1",
    "babel-loader": "^6.4.1",
    "babel-polyfill": "^6.23.0",
    "babel-preset-es2015": "^6.24.1",
    "webpack": "^2.3.3",
    "webpack-dev-server": "^2.4.2"

如果您使用此版本或更高版本的Npm和所有其他。。。所以只需要改变：

webpack.config.js

module.exports = {
  entry: ["babel-polyfill", "./app/js"]
};

更改webpack.config.js文件后，只需将这一行添加到代码顶部。

import "babel-polyfill";

现在检查一切是否正常。参考链接

也感谢@BrunoLM的回答。

我的简单解决方案：

npm install --save-dev babel-plugin-transform-runtime
npm install --save-dev babel-plugin-transform-async-to-generator

巴氏合金

{
  "presets": [
    ["latest", {
      "es2015": {
        "loose": true
      }
    }],
    "react",
    "stage-0"
  ],
  "plugins": [
    "transform-runtime",
    "transform-async-to-generator"
  ]
}

我通过安装babel polyfill修复了这个错误

npm install babel-polyfill --save

然后我将其导入应用程序入口点

import http from 'http';
import config from 'dotenv';
import 'babel-polyfill';
import { register } from 'babel-core';
import app from '../app';

对于我包含的测试，需要在测试脚本中使用babel polyfill

"test": "export NODE_ENV=test|| SET NODE_ENV=test&& mocha --compilers 
  js:babel-core/register --require babel-polyfill server/test/**.js --exit"

如果您使用Gulp+Babel作为前端，则需要使用Babel polyfill

npm安装babel polyfill

然后在所有其他脚本标记之上向index.html添加一个脚本标记，并引用node_modules中的babel polyfill

这些答案中的大多数都推荐了使用WebPack处理此错误的解决方案。但如果有人在使用RollUp（就像我一样），以下是最终对我有效的方法（只需一个提示，将这个polyfill广告捆绑在一起，总输出大小约为10k）：

巴氏合金

{
    "presets": [
        [
            "env",
            {
                "modules": false,
                "targets": {
                    "browsers": ["last 2 versions"]
                }
            }
        ]
    ],
    "plugins": ["external-helpers",
        [
            "transform-runtime",
            {
                "polyfill": false,
                "regenerator": true
            }
        ]]
}

汇总配置.js

import resolve from 'rollup-plugin-node-resolve';
import babel from 'rollup-plugin-babel';
import uglify from 'rollup-plugin-uglify';
import commonjs from 'rollup-plugin-commonjs';


export default {
    input: 'src/entry.js',
    output: {
        file: 'dist/bundle.js',
        format: 'umd',
        name: 'MyCoolLib',
        exports: 'named'
    },
    sourcemap: true,
    plugins: [
        commonjs({
            // polyfill async/await
            'node_modules/babel-runtime/helpers/asyncToGenerator.js': ['default']
        }),
        resolve(),
        babel({
            runtimeHelpers: true,
            exclude: 'node_modules/**', // only transpile our source code
        }),
        uglify()

    ]
};

babel再生器运行时现在已被弃用，而应该使用再生器。

要将运行时生成器与webpack和babel v7一起使用，请执行以下操作：

安装再生器运行时：

npm i -D regenerator-runtime

然后在webpack配置中添加：

entry: [
  'regenerator-runtime/runtime',
  YOUR_APP_ENTRY
]

对于希望使用babel polyfill版本7^的用户，请使用webpack ver3^进行此操作。

Npm安装模块Npm i-D@babel/polyfill

然后在入口点的webpack文件中执行以下操作

entry: ['@babel/polyfill', path.resolve(APP_DIR, 'App.js')],

我在将项目转换为typescript项目后开始出现此错误。据我所知，问题源于异步/等待未被识别。

对我来说，通过在我的设置中添加两项内容，错误得到了修复：

正如上面多次提到的，我需要将babel polyfill添加到我的webpack条目数组中：...条目：['abel-polyfill'，'./index.js']，...我需要更新我的.babelrc，以允许将异步/等待编译为生成器：{“预设”：[“es2015”]，“插件”：[“将异步转换为生成器”]}

开发依赖项：

我还必须在package.json文件中的devDependencies中安装一些东西。也就是说，我错过了babel插件将异步转换为生成器、babel polyfill和babel-preset-es2015：

 "devDependencies": {
    "babel-loader": "^6.2.2",
    "babel-plugin-transform-async-to-generator": "^6.5.0",
    "babel-polyfill": "^6.5.0",
    "babel-preset-es2015": "^6.5.0",
    "webpack": "^1.12.13"
 }

完整代码提示：

我从一个非常有用和简洁的GitHub要点中得到了代码，你可以在这里找到。

小心吊装功能

我的“polyfill导入”和“异步函数”都在同一个文件中，但我使用的是将其提升到polyfill之上的函数语法，这会给我带来ReferenceError:regeneratorRuntime未定义错误。

更改此代码

import "babel-polyfill"
async function myFunc(){ }

到此为止

import "babel-polyfill"
var myFunc = async function(){}

以防止其悬挂在polyfill进口上方。

在一个使用babel.buildExternalHelpers（）和babel插件外部帮助程序创建自定义babelHelpers.js文件的场景中，我认为对客户端来说成本最低的解决方案是将再生器runtime/runtime.js添加到输出中，而不是添加所有polyfill。

// runtime.js
npm install --save regenerator-runtime

// building the custom babelHelper.js
fs.writeFile(
    './babelHelpers.js',
    fs.readFileSync('node_modules/regenerator-runtime/runtime.js')
    + '\n'
    + require('babel-core').buildExternalHelpers()
)

当包含babel polyfill时，此解决方案减少到约20KB，而不是约230KB。

我需要支持的目标浏览器已经支持异步/等待，但是在编写mocha测试时，如果没有正确的设置，我仍然会遇到这个错误。

我在谷歌上搜索的大多数文章都过时了，包括这里的公认答案和高投票率答案，即你不需要polyfill、babel再生器运行时、babel插件转换运行时。如果您的目标浏览器已经支持异步/等待（当然，如果您不需要polyfill）

我也不想使用webpack。

泰勒·龙的答案实际上是正确的，因为他建议babel预置env（但我先省略了它，因为他在开头提到了polifill）。我仍然得到了ReferenceError:regeneratorRuntime最初没有定义，然后我意识到这是因为我没有设置目标。为节点设置目标后，我修复了再生器运行时错误：

  "scripts": {
    //"test": "mocha --compilers js:babel-core/register"
    //https://github.com/mochajs/mocha/wiki/compilers-deprecation
    "test": "mocha --require babel-core/register"
  },
  "devDependencies": {
    "babel-core": "^6.26.3",
    "babel-preset-env": "^1.7.0",
    "mocha": "^5.2.0"
  },
  //better to set it .bablerc, I list it here for brevity and it works too.
  "babel": {
    "presets": [
      ["env",{
        "targets": {
          "node": "current"
           "chrome": 66,
           "firefox": 60,
        },
        "debug":true
      }]
    ]
  }

我在Chrome中遇到了这个问题。与RieneVaPlu的回答类似，这为我解决了问题：

npm install --save-dev regenerator-runtime

然后在我的代码中：

import 'regenerator-runtime/runtime';

很高兴避免babel polyfill额外的200 kB。

我有regeneratorRuntime未定义错误当我在react应用程序中使用“异步”和“等待”时“async”和“await”是ES7中的新关键字为此，您应该使用babel-preset-es2017安装此devDependencies：

`

“babel-preset-es2017”：“^6.24.1”，“babel预设反应”：“^6.24.1”，“babel-preset-stage-0”：“^6.24.1”`

并使用此

“预设”：[“es2017”，“stage-0”，“react”]

至babel7用户和ParcelJS>=1.1.0用户

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

巴氏合金

{
  "plugins": [
    ["@babel/plugin-transform-runtime", {
      "corejs": 2
    }]
  ]
}

取自https://github.com/parcel-bundler/parcel/issues/1762

根据以下示例更新.babelrc文件，它将起作用。

如果您使用的是@babel/preset-env包

{
  "presets": [
    [
      "@babel/preset-env", {
        "targets": {
          "node": "current"
        }
      }
    ]
  ]
}
or if you are using babel-preset-env package

{
  "presets": [
    [
      "env", {
        "targets": {
          "node": "current"
        }
      }
    ]
  ]
}

Babel 7用户

我很难绕过这个问题，因为大多数信息都是以前的babel版本。对于Babel 7，安装以下两个依赖项：

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

在.babelrc中，添加：

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

如果你正在构建一个应用程序，你只需要@babel/preset-env和@babel/polyfill：

npm i -D @babel/preset-env
npm i @babel/polyfill

（注意：您不需要安装core js和再生器运行时包，因为它们都将由@babel/polyfill安装）

然后在.babelrc中：

{
  "presets": [
    [
      "@babel/preset-env",
      {
        "useBuiltIns": "entry"  // this is the key. use 'usage' for further codesize reduction, but it's still 'experimental'
      }
    ]
  ]
}

现在设置目标环境。在这里，我们在.browserlistrc文件中执行此操作：

# Browsers that we support

>0.2%
not dead
not ie <= 11
not op_mini all

最后，如果使用useBuiltIns:“entry”，请将import@babel/polyfill放在条目文件的顶部。否则，你就完蛋了。

使用此方法将有选择地导入那些polyfills和“再生器运行时”文件（此处未定义修复再生器的运行时问题），前提是任何目标环境/浏览器都需要它们。

我在尝试运行Mocha+Babel时遇到了这个问题。我有一个.babelrc在开发中运行（请参阅这里的其他答案，它们很完整），但我的npm运行测试命令仍然在抱怨regeneratorRuntime没有定义。所以我修改了package.json：

"scripts": {
  "test": "mocha --require babel-polyfill --require babel-core/register tests/*.js"
}

阅读更多信息：https://babeljs.io/en/setup/#mocha-4

我的工作babel 7样板，用于与再生器运行时反应：

巴氏合金

{
  "presets": [
    [
      "@babel/preset-env",
      {
        "targets": {
          "node": true,
        },
      },
    ],
    "@babel/preset-react",
  ],
  "plugins": [
    "@babel/plugin-syntax-class-properties",
    "@babel/plugin-proposal-class-properties"
  ]
}

包.json

...

"devDependencies": {
  "@babel/core": "^7.0.0-0",
  "@babel/plugin-proposal-class-properties": "^7.4.4",
  "@babel/plugin-syntax-class-properties": "^7.2.0",
  "@babel/polyfill": "^7.4.4",
  "@babel/preset-env": "^7.4.5",
  "@babel/preset-react": "^7.0.0",
  "babel-eslint": "^10.0.1",
...

main.js

import "@babel/polyfill";

....

更新：Babel 7的帖子也有更深入的答案。

---

Babel 7.4.0或更高版本（核心js 2/3）

从Babel 7.4.0开始，@Babel/polyfill已弃用。

通常，有两种方法安装polyfills/reduator：通过全局命名空间（选项1）或作为ponyfill（选项2，无全局污染）。

---

选项1:@babel/preset-env

presets: [
  ["@babel/preset-env", {
    "useBuiltIns": "usage",
    "corejs": 3, // or 2,
    "targets": {
        "firefox": "64", // or whatever target to choose .    
    },
  }]
]

将根据您的目标自动使用再生器运行时和核心js。无需手动导入任何内容。不要忘记安装运行时依赖项：

npm i --save regenerator-runtime core-js

或者，设置useBuiltIns:“entry”并手动导入：

import "regenerator-runtime/runtime";
import "core-js/stable"; // if polyfills are also needed

---

选项2:@babel/transform runtime和@babel/runtime

这种替代方案没有全球范围的污染，适用于图书馆。

{
  "plugins": [
    [
      "@babel/plugin-transform-runtime",
      {
        "regenerator": true,
        "corejs": 3 // or 2; if polyfills needed
        ...
      }
    ]
  ]
}

Install it:

npm i -D @babel/plugin-transform-runtime
npm i @babel/runtime

如果使用了corejs polyfill，则将@babel/runtime替换为@babel/runtime-corejs2（对于“corejs”：2）或@babel/runtime-corejs3（对于“corejs”：3）。

我正在使用React和Django项目，并通过使用再生器运行时使其工作。你应该这样做，因为@babel/polyfill会增加你的应用程序的大小，而且也被弃用。我还遵循本教程的第1集和第2集创建了我的项目结构。

*包.json*

...
"devDependencies": {
    "regenerator-runtime": "^0.13.3",
    ...
}

巴氏合金

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

索引js

...
import regeneratorRuntime from "regenerator-runtime";
import "regenerator-runtime/runtime";
ReactDOM.render(<App />, document.getElementById('app'));
...

此解决方案已过时。

我在这个视频的youtube评论中找到了解决方案https://www.youtube.com/watch?v=iWUR04B42Hc&lc=Ugyq8UJq-OyOzsKIIrB4AaABAg公司

这应该指向正确的注释。“贝丝w”找到了解决方案。

Beth W 3个月前（编辑）我在2019年不得不做的另一个改变是，babel显然不再使用v7之前的阶段0预设，所以在26:15时，我不得不做的不是“npm install--save dev babel polyfill babel-preset-stage-0”，而是：npm安装--保存@babel/polyfill这包括两个旧选项。然后，在应用程序的入口点中，我>包含了“@babel/polyfill”，并在查询预设中保持原样。因此，webpack配置最终看起来像：

const path = require('path');
module.exports = {
    entry: {
        app: ['@babel/polyfill', './src/app.js']
    },
    output: {
        path: path.resolve(__dirname, 'build'),
        filename: 'app.bundle.js'
    },
    mode: 'development',
    module: {
        rules: [{
            test: /\.js?$/,
            exclude: /node_modules/,
            loader: 'babel-loader',
            query: {
                presets: ['@babel/preset-env']
            }
        }]
    }
}

希望这对某人有所帮助！

截至2019年10月，这对我有效：

将其添加到预设中。

 "presets": [
      "@babel/preset-env"
    ]

然后使用npm安装再生器运行时。

npm i regenerator-runtime

然后在主文件中使用：（此导入仅使用一次）

import "regenerator-runtime/runtime";

这将使您能够在文件中使用异步等待并删除再生器错误

供将来参考：

从Babel版本7.0.0-beta.55起，已删除舞台预设

参考博客https://babeljs.io/blog/2018/07/27/removing-babels-stage-presets

异步等待仍然可以由

https://babeljs.io/docs/en/babel-plugin-transform-async-to-generator#usage

安装

npm install --save-dev @babel/plugin-transform-async-to-generator

babelrc中的用法

 { 
     "presets": ["@babel/preset-env"],
     "plugins": ["@babel/plugin-transform-async-to-generator"]
 }

并使用babel polyfillhttps://babeljs.io/docs/en/babel-polyfill

安装

npm install --save @babel/polyfill

webpack.config.js

module.exports = {
  entry: ["@babel/polyfill", "./app/js"],
};

在2019年Babel 7.4.0+中，Babel polyfill包已被弃用，转而直接包含core js/stable(core-js@3+，到polyfill ECMAScript功能）和再生器运行时/运行时（需要使用转译生成器函数）：

import "core-js/stable";
import "regenerator-runtime/runtime";

babel polyfill文档中的信息。

在控制台中修复此“regeneratorRuntime未定义问题”的最简单方法：

你不必安装任何不必要的插件。只需添加：

<script src=“https://unpkg.com/regenerator-runtime@0.13.1/runtime.js“></script>

在你的index.html中。现在，一旦您运行babel，就应该定义regeneratorRuntime，现在您的异步/等待函数应该成功编译到ES2015中

在反应预设之前使用阶段2预设帮助我：

npx babel --watch src --out-dir . --presets stage-2,react

安装以下模块时，上述代码有效：

npm install babel-cli babel-core babel-preset-react babel-preset-stage-2 --save-dev

当在没有正确的Babel插件的情况下使用异步/等待函数时，会导致此错误。截至2020年3月，以下应该是您需要做的全部工作

在命令行中，键入：

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

在您的babel.config.js文件中，添加这个插件@babel/plugin-transform运行时。注意：下面的示例包括我最近为一个小型React/Node/Express项目所做的其他预设和插件：

module.exports = {
  presets: ['@babel/preset-react', '@babel/preset-env'],
  plugins: ['@babel/plugin-proposal-class-properties', 
  '@babel/plugin-transform-runtime'],
};

上面有这么多答案，我会把我的答案贴出来供参考。我使用webpack并做出反应，这是我没有.babelrc文件的解决方案

我将于2020年8月对此进行研究

安装react和babel

npm i @babel/core babel-loader @babel/preset-env @babel/preset-react react react-dom @babel/plugin-transform-runtime --save-dev

然后在我的webpack.config.js中

// other stuff
module.exports = {
// other stuff

   module: {
   rules: [
  
   {
    test: /\.m?js$/,
    exclude: /(node_modules|bower_components)/,
    use: {
      loader: 'babel-loader',
      options: {
        presets: ['@babel/preset-env',"@babel/preset-react"],
        plugins: ['@babel/plugin-proposal-class-properties', '@babel/plugin-transform-runtime'],
        //npm install --save-dev @babel/plugin-transform-runtime
          }
        }
      },
    ],
  },

};

我只是不知道为什么我现在不需要安装异步包

只需安装：

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

并将其添加到Babel的插件数组中。

只需安装再生器运行时具有以下命令

npm i regenerator-runtime

在需要服务器文件之前，在启动文件中添加以下行

require("regenerator-runtime/runtime");

到目前为止，这对我很有效

或者，如果您没有使用像webpack或rollup这样的bundler，那么作为解决方法，您可以只导入https://raw.githubusercontent.com/facebook/regenerator/master/packages/regenerator-runtime/runtime.js在index.html中使用普通的旧脚本标记。

不是最优的，但在我的情况下，这是唯一的解决方案。

安装@babel polyfill并将其保存在开发依赖项中

npm安装--保存dev@babel/polyfill

复制和粘贴需要（“@babel/polyfill”）；在输入文件的顶部

入口.js

require("@babel/polyfill"); // this should be include at the top

在条目数组中添加@babel/polyfill您需要在预设数组中预设env

webpack.config.js

常量路径=require（'path'）；要求（“@babel/polyfill”）；//必要的，必要的模块导出={条目：['@babel/polyfill'，'./src/js/index.js']，输出：{路径：路径.解析（__dirname，'to_be_deployed/js'），文件名：'main.js'},模块：{规则：[{测试：/\.m？js$/，exclude：/node_modules/，使用：{loader：“babel loader”，选项：{预设：['@babel/preset-env']}}}]},mode：'开发'}

安装babel polyfillnpm安装--保存@babel/polyfill更新webpack文件entry:[“@babel/polyfill”，“<your enter js file>”]

如果您正在使用next js，请从“再生器运行时”添加import regeneratorRuntime；对于引发错误的文件，对我来说，该文件是document.js。

并添加

[
  "@babel/plugin-transform-regenerator",
  {
    "asyncGenerators": false,
    "generators": false,
    "async": false
  }
]

在插件中，位于.babelrc文件内。

我使用了来自https://github.com/babel/babel/issues/9849#issuecomment-592668815，并将targets:{esmodules:true，}添加到我的babel.config.js。

module.exports = {
  presets: [
    [
      '@babel/preset-env',
      {
        targets: {
          esmodules: true,
        },
      },
    ],
  ],
}

导入'babel polyfill'

其中使用异步等待

尝试将其添加到package.json中

"browserslist": [
  "last 2 Chrome versions"
]

这对我有用！