Outsource functionality from main.js

Question

I've started building an electron application from scratch. So far I can modify the mainWindow by inserting all the logic in main.js, but I'd like to keep the logic in separate files. Unfortunatly I fail to import them correctly, so help would be nice..

// 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;

Running this code with ng build --prod && electron . throws:

Cannot read property 'getName' of undefined.

Thanks in advance ;)

try importing `const test = require('./test')` and use `test.getName()` — namila007, May 17 '20 at 17:10
Thanks to DenisTsoi & @namila007 ! Can sb. explain why using { test } did not work? — Lecagy, May 18 '20 at 07:47
refer this answer https://stackoverflow.com/a/48064893/6771708 :) — namila007, May 18 '20 at 15:33

score 0 · Accepted Answer · answered May 18 '20 at 15:36

0

Please import your js as const test = require('./test') and then use test.getName() in your main js file. when calling const {test} is trying to import the test object in the at relevant file . You can read more about that from this answer

answered May 18 '20 at 15:36

namila007

1,044
9
26

Outsource functionality from main.js

1 Answers1