未定义Babel 6再生器运行时

我正在尝试在Babel 6上从头开始使用async/await，但我得到的是regeneratorRuntime没有定义。

.babelrc文件

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

package.json文件

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

.js文件

"use strict";
async function foo() {
  await bar();
}
function bar() { }
exports.default = foo;

在没有async/await的情况下正常使用它，效果很好。知道我做错了什么吗？

当前回答

安装@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：'开发'}

2020-12-29 20:23:02

其他回答

上面有这么多答案，我会把我的答案贴出来供参考。我使用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
          }
        }
      },
    ],
  },

};

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

2020-08-25 06:19:26

我的工作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";

....

2019-06-21 13:55:09

如果你正在构建一个应用程序，你只需要@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和“再生器运行时”文件（此处未定义修复再生器的运行时问题），前提是任何目标环境/浏览器都需要它们。

2019-03-01 08:04:51

我通过安装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"

2017-12-12 13:41:33