电子：添加Redux开发工具 Download

遵循说明here，将扩展名添加到我的Chrome实例中，然后尝试在我的电子实例中调用addDevToolsExtension：

const electron = require('electron');
const app = electron.app;
const BrowserWindow = electron.BrowserWindow;

const path = require('path');
const os = require('os');
const isDev = require('electron-is-dev');

let mainWindow;

function createWindow() {
    mainWindow = new BrowserWindow({ width: 900, height: 680 });
    mainWindow.loadURL(isDev ? 'http://localhost:3000' : `file://${ path.join(__dirname, '../build/index.html') }` );
    mainWindow.addDevToolsExtension(
        path.join(os.homedir(), '/Library/Application Support/Google/Chrome/Default/Extensions/lmhkpmbekcpmknklioeibfkpmmfibljd/2.17.0_0')
    );
    if (isDev) {
        mainWindow.webContents.openDevTools();
    }
    mainWindow.on('closed', () => { mainWindow = null } );
}

app.on('ready', createWindow);

app.on('window-all-closed', () => {
    if (process.platform !== 'darwin') {
        app.quit();
    }
});

app.on('activate', () => {
    if (mainWindow === null) {
        createWindow();
    }
})

但是，我仍然收到a Javascript error occurred in the main process并且在addDevToolsExtension上找不到mainWindow方法的错误。我知道，如在Electron页面上所述，“在发出应用模块的ready事件之前，无法调用BrowserWindow.addDevToolsExtension API”，但是此调用应该在ready之后进行，因为文件等待要执行ready的{​​{1}}事件，不是吗？

0 个答案: