Открыть новое окно из меню

Question

При попытке открыть окно из меню появляется такая ошибка: «Попытка вызвать функцию в окне рендерера, которое было закрыто или отпущено», но другие окна вызываются без проблем.

const ventana = document.getElementById("ventana");
const contrasena = document.getElementById("contra");
const remote = require("electron").remote;
const Menu = remote.Menu;
const BrowserWindow = remote.BrowserWindow;
const url = require("url");
const path = require("path");

let secundario
let recuperaVentana
let add

ventana.addEventListener("click", () => {
    var usuario = document.getElementById("user").value;
    var pass = document.getElementById("pass").value;
    if(usuario != "" & pass != ""){
        createBrowserWindow();
    } else {
        alert("No ha llenado los campos");
    }
});

contrasena.addEventListener("click", () => {
    recuperarBrowserWindow();
})

function createBrowserWindow() {
    secundario = new BrowserWindow({
        height: 600,
        width: 800
    });
    secundario.loadURL(url.format({
        pathname: path.join(__dirname, "./prefs.html"),
        protocol: "file",
        slashes: true
    }));

    //secundario.webContents.openDevTools();

    //menu
    const menuSec = Menu.buildFromTemplate(templateMenu);
    Menu.setApplicationMenu(menuSec);

    cerrar();

}

function recuperarBrowserWindow(){
    recuperaVentana = new BrowserWindow ({
        title: "Recuperar"
    })
    recuperaVentana.loadURL(url.format({
        pathname: path.join(__dirname, "./recuperar.html"),
        protocol: "file",
        slashes: true
    }))
    recuperaVentana.setMenu(null);
}

//cerrando ventana
function cerrar(){
    window.close();
}

//creando menus
const templateMenu = [
    {
        label: "Archivo",
        submenu: [
            {
                label: "Nuevo",
                accelerator: "Ctrl+N",
                click(){
                    addBrowserWindow();
                }
            },
            {
                label: "Abrir",
                accelerator: "Ctrl+O"
            },
            {
                label:"Guardar",
                accelerator:"Ctrl+G"
            },
            {
                type: "separator"
            },
            {
                label:"Salir"
            }
        ]
    },
    {
        label: "Ayuda"
    }

];

function addBrowserWindow() {
    add = new BrowserWindow({
        title: "Agregar"
    })
    add.loadURL(url.format({
        pathname: path.join(__dirname, "./agregar.html"),
        protocol: "file",
        slashes: true
    }))
}

При попытке вызвать функцию "addBrowserWindow ()" отображается вышеупомянутая ошибка

Answer 1

Это довольно лаконичная версия кода, которая создает второе окно при выборе подменю:

const electron = require('electron')

const { app, BrowserWindow, Menu } = electron

let mainWindow
let secondWindow

app.on('ready', () => {
  console.log('Starting Node version: ' + process.version)
  mainWindow = new BrowserWindow({
    width: 1200,
    height: 800,
    webPreferences: {
      nodeIntegration: true,
    },
  })
  mainWindow.loadURL(`file://${__dirname}/main.html`)
  mainWindow.on('closed', () => app.quit())

  const mainMenu = Menu.buildFromTemplate(menuTemplate)
  Menu.setApplicationMenu(mainMenu)
})

function createSecondWindow() {
  secondWindow = new BrowserWindow({
    width: 300,
    height: 200,
    title: 'Add New Todo',
  })
  secondWindow.loadURL(`file://${__dirname}/add.html`)
}

const menuTemplate = [
  {
    label: 'File',
    submenu: [
      {
        label: 'New ToDo',
        click() {
          createSecondWindow()
        },
      },
      {
        label: 'Quit',
        accelerator: process.platform === 'darwin' ? 'Command+Q' : 'Ctrl+Q',
        click() {
          app.quit()
        },
      },
    ],
  },
]

if (process.platform === 'darwin') {
  menuTemplate.unshift({})
}

Обратите внимание, что по умолчанию при закрытии главного окна и второго окна. все еще будет присутствовать - что странное поведение редко требуется. Решение этой проблемы - убедиться, что вы звоните app.exit(), когда главное окно закрыто.