如何让Chrome调试真正起作用

Question

React-Native中的Chrome调试在概念上非常棒。如果有效。

let，get，set等。有很多es6，es7功能，Chrome不允许你设置调试中断。并且异步等待光标似乎有时会跳到整个地方，经常到你知道不可能的地方。完全令人困惑。

有关使Chrome调试工作更可靠的建议吗？ （在最新的金丝雀上）

Answer 1

我认为这是关于Babel的问题，而不是React-Native或Chrome。 React-native packager使用Babel转移ES7＆amp; ES6为ES5代码提供功能，并生成.map文件，以便Chrome或其他浏览器在调试时了解如何在ES7 / ES6和ES5文件之间映射代码。某些功能很难（或不可能）完美映射，因此如果源代码中设置了断点，您将会感到困惑。根据我的经验，在ES5代码中调试是一个更好的选择，而像async/await这样的功能目前很难调试，所以你应该小心使用它们。

有关js sourcemap的信息，请参阅this article。