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.jstouchBar.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');