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

Question

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

我尝试了以下操作，但没有成功：

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

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

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

Answer 1

使用this这样的答案来了解我在哪里需要进行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();
})