我正在开发一个Electron应用程序,目的是“拆分” index.js
(主进程)文件。目前,我已经将与菜单栏相关的代码和与触摸栏相关的代码放入了两个单独的文件menu.js
和touchBar.js
中。这两个文件都依赖于redir
中名为index.js
的函数。每当我尝试激活菜单栏中的click
事件-依赖redir
时-我都会收到错误消息:TypeError: redir is not a function
。这也适用于我的触摸条形码。
这是我的(被 chop 的)文件:index.js
const { app, BrowserWindow } = require('electron'); // eslint-disable-line
const initTB = require('./touchBar.js');
const initMenu = require('./menu.js');
...
let mainWindow; // eslint-disable-line
// Routing + IPC
const redir = (route) => {
if (mainWindow.webContents) {
mainWindow.webContents.send('redir', route);
}
};
module.exports.redir = redir;
function createWindow() {
mainWindow = new BrowserWindow({
height: 600,
width: 800,
title: 'Braindead',
titleBarStyle: 'hiddenInset',
show: false,
resizable: false,
maximizable: false,
});
mainWindow.loadURL(winURL);
initMenu();
mainWindow.setTouchBar(initTB);
...
}
app.on('ready', createWindow);
...
menu.js
const redir = require('./index');
const { app, Menu, shell } = require('electron'); // eslint-disable-line
// Generate template
function getMenuTemplate() {
const template = [
...
{
label: 'Help',
role: 'help',
submenu: [
{
label: 'Learn more about x',
click: () => {
shell.openExternal('x'); // these DO work.
},
},
...
],
},
];
if (process.platform === 'darwin') {
template.unshift({
label: 'Braindead',
submenu: [
...
{
label: 'Preferences...',
accelerator: 'Cmd+,',
click: () => {
redir('/preferences'); // this does NOT work
},
}
...
],
});
...
};
return template;
}
// Set the menu
module.exports = function initMenu() {
const menu = Menu.buildFromTemplate(getMenuTemplate());
Menu.setApplicationMenu(menu);
};
我的文件结构很简单-所有三个文件都在同一目录中。
也欢迎任何对代码的批评。我花了好几个小时才想尽办法解决这个问题。
最佳答案
redir
它不是函数,因为要导出的对象包含redir
属性,它是函数。
因此,您应该使用:
const { redir } = require('./index.js');
或以这种方式导出
module.exports = redir
当您这样做:
module.exports.redir = redir;
您正在导出:
{ redir: [Function] }