使用 babel，无法在 ES6 生成器中设置断点

【问题标题】：Using babel, cannot set breakpoints in ES6 generators使用 babel，无法在 ES6 生成器中设置断点
【发布时间】：2017-08-27 10:58:50
【问题描述】：

在典型的 React 应用中，使用带有预设 es2015、react 和 stage-2 的 babel 并启用源映射，在生成器函数中设置断点，断点将自动移动到其他位置。

.babelrc

{
  "presets": ["es2015", "react", "stage-2"]
}

【问题讨论】：

【解决方案1】：

可能是转换的源映射或 Chrome 开发工具中的源映射支持存在错误。这是使用 babel 的结果，禁用 generator-transpilation 可以解决这个问题。

这是我用的，

.babelrc

{
  "plugins": ["transform-es2015-modules-commonjs"],
  "presets": ["react"]
}

【讨论】：