Electron 开发工具不显示

Question

每当我启动我的 Electron 应用程序并告诉它打开开发工具时，什么都没有发生。 从菜单中手动选择没有任何作用，[Ctrl] + [Shift] + I 也没有。我看到的所有其他帖子都说调用openDevTools()或使用键盘快捷键 - 我正在做这两个无济于事。

这是我的 window 初始化代码：

const Window = new BrowserWindow({
    width: 1200,
    height: 800,
    webPreferences: {
        preload: path.join(__dirname, "..", "preload.js"),
    },
});
Window.webContents.openDevTools();
Window.loadFile(path.join(__dirname, "../..", "index.html"));

我在 Windows 10 上使用 Electron 20.01。

在我的文件中进一步编辑我正在使用 Sequelize 连接到 sqlite3 数据库。 看起来该代码以某种方式阻止了开发工具的打开。

这段代码：

const sequelize = new Sequelize({
    dialect: "sqlite",
    storage: path.join(__dirname, "..", "..", "db.db"),
});

是罪魁祸首。 将其注释掉会导致开发工具显示。

Answer 1

我相信webContents的 webContents 仅在您将 window 导航到页面后才被初始化，因此您应该仅在完成后打开开发工具，最好是在等待加载之后。

await Window.loadFile(path.join(__dirname, "../..", "index.html"));
Window.webContents.openDevTools();