TypeError: x is not a function in Node.js
TypeError: x is not a function in Node.js
我正在开发一个 Electron 应用程序,我的目标是 'split up' index.js
(主进程)文件。目前,我已将与菜单栏相关和与 Touch Bar 相关的代码放入两个单独的文件中,menu.js
和 touchBar.js
。这两个文件都依赖于一个名为 redir
的函数,它位于 index.js
中。每当我尝试在我的菜单栏中激活 click
事件时 - 它依赖于 redir
- 我得到一个错误:
TypeError: redir is not a function
。这也适用于我的 Touch Bar 代码。
这是我的(截断的)文件:
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] }
您正在导出
module.exports.redir = redir;
这意味着您的导入
const redir = require('./index');
是导出的对象。 redir
恰好是它的键之一。要使用该函数,请使用
const redir = require('./index').redir;
或者直接解构成redir
const { redir } = require('./index');
我正在开发一个 Electron 应用程序,我的目标是 'split up' index.js
(主进程)文件。目前,我已将与菜单栏相关和与 Touch Bar 相关的代码放入两个单独的文件中,menu.js
和 touchBar.js
。这两个文件都依赖于一个名为 redir
的函数,它位于 index.js
中。每当我尝试在我的菜单栏中激活 click
事件时 - 它依赖于 redir
- 我得到一个错误:
TypeError: redir is not a function
。这也适用于我的 Touch Bar 代码。
这是我的(截断的)文件:
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] }
您正在导出
module.exports.redir = redir;
这意味着您的导入
const redir = require('./index');
是导出的对象。 redir
恰好是它的键之一。要使用该函数,请使用
const redir = require('./index').redir;
或者直接解构成redir
const { redir } = require('./index');