1

与 Electron 一起使用时，React 开发人员工具中似乎没有启用React Profiler插件。

我尝试了以下方法但没有成功：

  • 在开发人员模式下捆绑应用程序并使用 file协议加载它，而不是http
  • 使用electron-devtools-installer包
  • 遵循 Electron 文档中的DevTools 扩展指南
  • 将 React 更新到最新版本

我可以让分析器插件工作的唯一方法是通过加载应用程序http://localhost:8080，但这显然不是理想的，因为我不能使用 Electron API。

这是在我的 Electron 应用程序中打开 React Developer Tools 时的外观。

React 开发者工具截图

4

1 回答 1

1

使用这个SO 答案来了解我需要在哪里进行 installExtension 调用。值得注意的是，我向该方法传递了一系列选项。

app.on('ready', async () => {

    if (isDev) {
        await
            installExtension([REACT_DEVELOPER_TOOLS, REDUX_DEVTOOLS])
                .then((name) => console.log(`Added Extension:  ${name}`))
                .catch((err) => console.log('An error occurred: ', err));
    }

    createWindow();
})
于 2019-08-12T15:49:36.300 回答