React Dev Tools-无法在电子应用程序中使用探查器

Question

与Electron一起使用时，React Developers插件似乎未启用React Profiler插件。

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

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

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

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

Answer 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();
})