如何使React开发工具在本地工作？

Question

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

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

我得到这个：

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

为什么会有区别，我该如何解决？

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

Answer 1

回答这一部分“您可能需要使用本地HTTP服务器”：

假设您有一个用于React应用的静态文件。您可以使用 Web Server for Chrome 并选择您拥有index.html文件的文件夹。

Deployment - Static Server此处提到的另一个选项是运行：

npm install -g serve

serve -s build，其中build是index.html文件所在的文件夹。

Answer 2

如果您在本地运行 react 应用程序，则必须

1. 安装“react-devtools”（本地运行时bcz chrome不会推断它是React App）

   npm install -g react-devtools

2. 并将“React Developer Tools”扩展添加到 chrome

Answer 3

我只需要实际刷新我的本地应用程序的页面即可。