javascript - main.js的外包功能

Question

我已经开始从头开始构建 Electron 应用程序。到目前为止，我可以通过将所有逻辑插入mainWindow来修改main.js，但是我想将逻辑保留在单独的文件中。不幸的是，我无法正确导入它们，所以帮助会很好。

// main.js
const { app, BrowserWindow, Menu, dialog } = require('electron');
const fs = require('fs');

const { test } = require('./test'); // test module to be imported

let win;

function createWindow() {
  win = new BrowserWindow({
    icon: `file://${__dirname}/dist/text-editor/favicon.ico`,
    webPreferences: {
      nodeIntegration: true
    }
  });
  win.maximize();

  win.loadURL(`file://${__dirname}/dist/text-editor/index.html`);

  win.webContents.openDevTools();

  //menu bar
  const template = getTemplate();
  const menu = Menu.buildFromTemplate(template);
  Menu.setApplicationMenu(menu);


  win.on('closed', function () {
    win = null;
  });

  console.log(test.getName()); // throws error
}

// create window on electron init
app.on('ready', createWindow);

// quit when all windows are closed
app.on('window-all-closed', function () {
  if (process.platform !== 'darwin') {
    app.quit();
  }
});

app.on('activate', function () {
  if (win === null) {
    createWindow();
  }
});

function getTemplate() {...} // for example move this method to new file

// test.js
const getName = () => {
  return "Tom";
};

module.exports.getName = getName;

使用 ng build --prod && electron .运行此代码将引发:

Cannot read property 'getName' of undefined.

提前致谢 ;)

Answer 1

请将您的js导入为const test = require('./test')，然后在您的主要js文件中使用test.getName()。当调用const {test}试图将test对象导入到at相关文件中时。您可以从此answer了解更多相关信息