对 React devtools chrome 扩展的未使用 JS 的 Lighthouse 报告感到困惑答案

【问题标题】：Confusion about Lighthouse report of unused JS for react devtools chrome extension对 React devtools chrome 扩展的未使用 JS 的 Lighthouse 报告感到困惑
【发布时间】：2021-07-03 09:08:40
【问题描述】：

当我为我正在从事的项目运行 Lighthouse 时，我得到了

chrome-extension://fmkadmapgofadopljbjfkapdkoienihi/build/react_devtools_backend.js

作为未使用 JS 的第一原因。

从性能优化的角度来看，这有什么意义？我无法控制用户在其浏览器中运行的扩展程序。我在项目中也找不到任何关于 React 开发工具的信息。

如果有人能阐明这个问题，我们将不胜感激。

【问题讨论】：

在运行灯塔分析之前，您可以尝试在 chrome 中禁用 react devtools 扩展吗？
@neerajjain 我试过了，它确实从列表中消失了。问题仍然是为什么会出现这种情况，因为据我了解，它应该列出我作为开发人员可以影响的事情。
当你的页面加载这个插件也会自动加载到页面上。这是最简单的解释。

标签： reactjs lighthouse react-devtools

【解决方案1】：

我发现问题是因为在页面加载时安装了devTools的文件......并且在生产模式下没有用。
因此，转到扩展程序并右键单击它。
然后转到管理扩展。
然后找到“允许此扩展程序读取和更改您访问的网站上的所有数据”将其更改为“点击时”。

【讨论】：

在设置帖子样式时，请优先使用标点符号、正确的句子和大写而不是粗体格式。