ReferenceError:regeneratorRuntime未定义(但在作用域内工作）

ReferenceError: regeneratorRuntime is not defined (but working inside a scope)

本文关键字：作用域 工作 regeneratorRuntime 未定义 ReferenceError      更新时间：2024-06-15

我遇到了这种奇怪的情况：

ReferenceError: regeneratorRuntime is not defined

我已经设法在一个非常小的设置中重现了这些问题（与同一问题上类似的SO问题相比），并且还注意到了一些奇怪的行为，这取决于是否使用了范围。

以下代码有效：

'use strict';
require('babel-polyfill');
{  // scope A (if you remove it you observe different behavior when .babelrc is present)
    function *simplestIterator() {
        yield 42;
    }
    for (let v of simplestIterator()) {
        console.log(v);
    }
}

包装为：

$ npm ls --depth 0
simple-babel-serverside-node-only-archetype@1.0.0 /home/mperdikeas/regeneratorRuntimeNotDefined
├── babel-cli@6.7.5
├── babel-core@6.7.6
├── babel-polyfill@6.7.4
├── babel-preset-es2016@6.0.11
└── babel-runtime@6.6.1

.babelrc的内容为：

$ cat .babelrc 
{
    "presets": ["es2016"]
}

但是，当作用域被移除并且simplestIterator被放置在全局作用域上时，它会失败：

ReferenceError: regeneratorRuntime is not defined

更奇怪的是，如果.babelrc文件被删除/重命名，那么无论作用域是否存在，代码都会成功。BTW是作用域还是封装生成器的IIFE都没有区别。

在这里展示这种行为的最小github repo。

观察行为：

git clone https://github.com/mperdikeas/regeneratorRuntimeNotDefined.git
cd regeneratorRuntimeNotDefined/
npm install
npm run build && npm run start

以上内容将在控制台上输出42。现在移除作用域，看看会发生什么。然后重命名.babelrc以使其再次工作（有或没有作用域）。

我的问题是：

  • 为什么es2016巴别塔预设会触发此错误
  • 为什么将生成器放在作用域中可以解决问题

更新

基于接受的答案，由于这是我正在编写的模块的代码，我最终做了：

require('babel-polyfill');
module.exports = require('./app.js');

Babel假设polyfill将在应用程序中的任何其他内容之前加载，但您使用的是一个函数声明，该声明是挂起的，这意味着它在调用require之前就存在并可用。

在生成器的情况下，则需要由polyfill提供的regeneratorRuntime，但在初始化再生器时polyfill尚未加载。

巴别塔团队的建议是制作两个文件：

index.js

require('babel-polyfill');
require('./app');

您还可以使用es2015预设和转换再生器插件执行以下操作：

.babelrc

{
  "presets": ["es2015"],
  'plugins': [
    'transform-regenerator'
  ]
}

代码

let regeneratorRuntime =  require("regenerator-runtime");
// You code with ES6 generators

p.S。当然，您应该安装babel-plugin-transform-reneratornpm包。

我知道这个问题已经得到了解决，但不幸的是，他们没有为我解决这个问题。解决问题的方法是在文件中导入babel babel-polyfills

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

您可以在官方babeljs文档或本文

中找到它
相关文章：