更新答案：

如果您使用的是 Babel 7.4.0 或更新版本，@babel/polyfill则已弃用。相反，您需要在主 js 文件（可能是 index.js 或类似文件）的顶部使用以下内容：

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

使用 npm 安装这些软件包：

npm install --save core-js
npm install --save regenerator-runtime    

或用纱线：

yarn add core-js
yarn add regenerator-runtime

原答案：

我刚刚遇到了这个问题，并遇到了以下解决方案：

在 package.json 我有@babel/polyfill一个依赖项。但是，在我的 index.js（我的主 js 文件）中，我忽略了将以下行放在顶部：

import '@babel/polyfill'

导入后，一切正常。

我不需要像其他答案所暗示的那样安装 babel-runtime。

Babel 7.4.0 及更高版本

有两种主要配置 - 一种用于应用程序，一种用于库。

选项 1：应用程序

何时使用： ✔ 用于应用程序 ✔全局范围的 polyfills ✔ 最小的包大小 ✔ 通过选择性包含targets✔ 无需处理 node_modulespolyfills

"presets": [
  [
    "@babel/preset-env",
    {
      "useBuiltIns": "usage", // alternative mode: "entry"
      "corejs": 3, // default would be 2
      "targets": "> 0.25%, not dead" 
      // set your own target environment here (see Browserslist)
    }
  ]
]

npm i --save-dev @babel/preset-env

npm i regenerator-runtime core-js // run-time dependencies
// regenerator-runtime: transform (async) generators and `async`/`await`
// core-js: other ECMAScript features like Promise, Set, etc.

@babel/preset-env 有选择地包含targets由Browserslist查询指定的polyfills。有两种模式 -usage先尝试（更方便），否则entry（更灵活和健壮）：

• useBuiltIns 'usage' : 不需要import任何手动操作。所有 polyfill 都会根据它们在文件中的代码使用情况自动添加。

• useBuiltIns 'entry'：在您的应用程序中添加这些import条目一次(!) - 类似于@babel/polyfill：

  import "regenerator-runtime/runtime";
  import "core-js/stable"; // or more selective import, like "core-js/es/array"
  

延期

对于高级情况，您可能只对Babel 助手使用@babel/transform-runtime(dev) 和@babel/runtime(run-time)以进一步减少包大小 - 称为助手别名。

选项 2：图书馆

何时使用： ✔ 用于库 ✔无全局范围污染 ✔ 包括所有polyfill，不具有选择性 ✔ 更大的包大小可忽略

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

npm i --save-dev @babel/plugin-transform-runtime // only for build phase

npm i @babel/runtime // runtime babel helpers + just regenerator runtime
// OR (choose one!)
npm i @babel/runtime-corejs3 
// also contains other JS polyfills (not only regenerator runtime)
// depends on core-js-pure ("ponyfills"/polyfills that don't pollute global scope)

见 @babel/plugin-transform-runtime, @babel/runtime, @babel/runtime-corejs。

延期

您还可以@babel/preset-env仅用于语法转换，使用useBuiltIns: false. 由于 library 选项不使用全局 polyfill，您可能还想转译node_modules- 请参阅该absoluteRuntime选项。

结语

• 重大变化：@babel/polyfill从Babel 7.4.0开始被弃用。

• 旧版：如果您无法切换到core-js@3，请将corejs选项设置为2（请参阅迁移）。@babel/runtime-corejs2在选项 2 ( @babel/plugin-transform-runtime) 的情况下安装。

• Jovica Markoski在 #9853 中的优秀总结

• 目前，库方法没有考虑选择性目标- 这意味着您以更大的包大小（包括所有polyfill）为代价来获取本地范围的 polyfill 。

• babel-polyfills是一种新的实验性方法，可以core-js使用不同的策略注入不同的 polyfill（不仅仅是）。

• 这也允许选择性地包含本地范围的 polyfill。

这里已经有一个很好的答案（最初发布在 Babel6 问题上），我将其翻译为 Yarn。基本上，您需要 babel 运行时（不是作为开发依赖项）和插件转换运行时

yarn add @babel/runtime 
yarn add -D @babel/plugin-transform-runtime

并且，在 .babelrc 中，添加：

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

我在我的react项目中遇到了这个错误，webpack 4这阻止了整个项目的渲染。

我是这样解决的：

安装plugin-transform-runtime：

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

添加plugin-transform-runtime到.babelrc文件中的插件列表：

{
  "presets": [
    "@babel/preset-env",
    "@babel/preset-react"
  ],
  "plugins": [
    ["@babel/transform-runtime"]  // <= Add it here
  ]  
}

当我将 babel-polyfill 直接导入显示错误的文件时，我刚刚解决了这个错误，例如，错误说“ReferenceError: regeneratorRuntime is not defined at /dist/models/usersSchema.js”，所以我在我的usersSchema.js 文件：

require("babel-polyfill");

（你也可以使用import "babel-polyfill";）