javascript - Electron:如何在另一个文件中引用全局 BrowserWindow 对象？

Question

我试图在我用 require() 包含的另一个文件中引用全局 window 变量(包含 Electron BrowserWindow 对象)。但它不起作用，我不确定为什么。

在我的 main.js 文件中，大致有:

const { BrowserWindow, Menu } = require('electron')
const menuTemplate = require('./menu')

const menu = Menu.buildFromTemplate(menuTemplate)
Menu.setApplicationMenu(menu)

let window

function createWindow() {
    window = new BrowserWindow(...)
    window.show()
}

然后，在我的 menu.js 文件中:

const template = [
    {
        label: 'File',
        submenu: [
            {
                label: 'Log out',
                click() {
                    window.webContents.on(...)
                }
            }
        ]
    }

module.exports = template

但是当我尝试执行“注销”功能(通过单击该菜单项)时，我收到有关 window 未定义的错误。

既然window已经被定义为全局变量，为什么在其他文件中没有定义呢？我试过做各种事情，比如注入(inject)它和导出它等等，但它总是未定义。我不确定这里出了什么问题，希望得到一些帮助。

Answer 1

您必须导出一个返回模板的函数

module.exports = window => { 
    const template = [
        {
            label: 'File',
            submenu: [
                {
                    label: 'Log out',
                    click() {
                        window.webContents.on(...)
                    }
                }
            ]
        }
     ]
   return template;
};

在 main.js 文件中，您需要这样的 menu.js 模块

const menuTemplate = require('./menu')

function createwindow() {
   window = new BrowserWindow(...)
   window.show()
   menuTemplate(window)        
}