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

标签 javascript reactjs google-chrome

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

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

我得到这个:

enter image description here

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

为什么会出现这种差异以及如何解决它?

显然我已经安装了这些工具,并且当我在 GitHub 页面上开发时它们工作得很好。

最佳答案

这对我有用:

  1. Chrome 扩展 > React 开发者工具 > 管理扩展 > 允许访问文件 URL(启用此选项)。
  2. 重新加载页面。
  3. 重新打开开发者工具。

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

关于javascript - 如何让 React 开发工具在本地工作?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/56605903/

相关文章:

javascript - 如何测试 react-saga axios post

javascript - Javascript 中的 MSIE 和 addEventListener 问题?

javascript - React 保持单个 setState 调用?

javascript - 如何使用 2 个数组创建具有键和值的新数组?

javascript - ReactDOM - 元素类型无效 : expected a string (for built-in components) or a class/function (for composite components) but got: undefined

reactjs - 故事书迁移到 CSF 的 Typescript 问题

javascript - 在 window.resize 事件之后没有注册 Mousemove 事件

android - FCM 在被杀死时向 Chrome 推送通知

google-chrome - Chrome 扩展简单弹出窗口不会保持在最后状态

Javascript 单元测试全栈