reactjs - React，chrome 性能选项卡中没有用户代码的源映射，

Question

我正在遵循性能调整指南。

我遇到的问题是，我看不到执行此操作的源代码。我知道源图在那里。如果我去Sources标签，我可以看到main.js罚款。

但是Performances选项卡无法识别源映射，并且所有行都1位于main.57360ceb.chunk:1.

我create-react-app用来构建这个项目。

标签： reactjsgoogle-chromecreate-react-app

Answer 1

为 Google Chrome使用类似React Developer Tools扩展。它将在您的 Chrome DevTools (F12) 中添加 Profiler 和 Components 选项卡。这个扩展来自 Facebook。