异步生成器在 babel 节点上工作，但在 babel-寄存器或构建时失败

Question

使用babel-node我能够运行以下代码

function timeout(ms = 100) {
  return new Promise(resolve => {
    let id = setTimeout(() => {
                        clearTimeout(id)
    resolve(ms)
  }, ms)
})
}
async function* worker(limit = 10) {
  async function fetch() {
    return await timeout(Math.random() * 1000)
  }
  let low = 0;
  while (low++ < limit) yield await fetch()
}
async function run() {
  const gen = worker(5)
  const results = [];
  for await (const res of gen) {
    console.log('working')
    results.push(res)
  }
  return 'done'
}
run().then(res => console.log(res)).catch(err => console.error(err))

在这里不起作用，但适用于在线 Babel REPL

以及当我运行它时babel-node例如：

babel-node src/script.js

但是，当我像这样构建和运行时它会失败：

babel src/script.js --out-file dist/script.js
node dist/script.js

并给我

TypeError: iterable[Symbol.iterator] is not a function

使用 babel-register 也会失败，并出现相同的错误：

node -r babel-register -r dotenv/config src/script.js

我目前的.babelrc看起来像

{
    "plugins": ["transform-strict-mode", "transform-async-generator-functions"],
    "presets": ["es2015-node6", "stage-2"]
}

使用es2015而不是es2015-node6没有产生任何好处

当我在这里查看用于babel-node的默认插件和预设时，看起来它们是空的

我错过了什么？

Answer 1

babel-node（和在线 REPL ）除了处理运行时转译外，还需要 babel-polyfill。您应该npm i -S babel-polyfill，然后在程序的入口点import 'babel-polyfill';（或者在示例中，将-r babel-polyfill添加到node参数中）。