javascript - 如何让 React 开发工具在本地工作？

Question

当我仅在前端的本地机器上进行开发时，如何让 React 开发人员工具正常工作。

前端，我的意思是我正在加载一个没有服务器的 index.html，稍后我将推送到作为“静态”站点的 GitHub 页面。

我得到这个：

当我推送到 GitHub 时，当我在 Google Chrome 中打开时，这些工具可以正常工作。

为什么会有差异，我该如何解决？

显然我已经安装了这些工具，并且当我在 GitHub 页面上开发时它们可以正常工作。

标签： javascriptreactjsgoogle-chrome

Answer 1

这对我有用：

1. Chrome Extensions > React Developer Tools > Manage Extensions > Allow access to file URLS（启用此选项）。
2. 重新加载页面。
3. 重新打开开发者工具。

来源：https ://github.com/facebook/react/tree/main/packages/react-devtools#the-react-tab-doesnt-show-up