Javascript 电子-关闭初始窗口，但保持子窗口打开

我正在编写一个电子应用程序，它应该加载一个启动屏幕，然后打开一个新窗口。之后，应关闭闪屏

然而，我无法做到这一点。在我的

index.js

启动脚本中，我有以下代码：

const { app, BrowserWindow } = require("electron");

app.on("ready", () => {
    let win = new BrowserWindow({ /*...*/ });
    win.loadURL(`file://${__dirname}/splash/splash.html`);
    win.on("ready-to-show", () => { win.show(); });
    win.on("closed",        () => { app.quit(); });
});

const remote = require("electron").remote;

let tWin = remote.getCurrentWindow();

let next = function(){ 
    let win = new remote.BrowserWindow({ /*...*/ });
    win.loadURL(`file://${__dirname}/main/main.html`);
    win.on("ready-to-show", () => { win.show(); });
    win.on("closed",        () => { app.quit(); });

    tWin.close();

    // I could just use win.hide(); here instead 
    // of tWin.close(); but that can't really be the right way.
};

在

splash.html

中，我使用

<script>require("./splash");</script>

函数

next（）

在超时后被调用。问题是，如果调用，主窗口会显示一秒钟，但slpash和main都会立即关闭

我试图通过发表评论来解决这个问题

win.on("closed", () => { app.quit(); });

在我的

index.js

中。但这导致了以下错误：

试图在已关闭或释放的渲染器窗口中调用函数

---

有人知道如何防止新创建的窗口关闭吗？

我通常使用不同的方法。下面是一个用户如何使用它：

为主窗口和启动窗口创建全局var引用，如果不是，它将由垃圾收集器自动关闭

加载“飞溅”浏览器窗口

在“显示”事件中，我调用一个函数来加载“main”窗口

在main窗口“dom就绪”中，我关闭“splash”并显示“main”

下面是我的main.jselectron代码的一个示例，请随意询问：

   'use strict';

    //generic modules
    const { app, BrowserWindow, Menu } = require('electron');
    const path = require('path')
    const url = require('url')

    const config = require('./config'); //                              => 1: archivo de configuracion
    const fileToLoad = config.files.current ? config.files.current : config.files.raw;
    const jsonData = require(fileToLoad); //                            => 2: archivo de datos (json) 
    const pug = require('electron-pug')({ pretty: true }, jsonData); // => 3: pasamos datos ya tratados a plantillas pug/jade 


    // Keep a global reference of the window object, if you don't, the window will
    // be closed automatically when the JavaScript object is garbage collected.
    let win, loading
    app.mainWindow = win;

    function initApp() {
        showLoading(initPresentation)
    }

    function showLoading(callback) {
        loading = new BrowserWindow({ show: false, frame: false })
        loading.once('show', callback);
        loading.loadURL(url.format({
            pathname: path.join(__dirname, '/src/pages/loading.html'),
            protocol: 'file:',
            slashes: true
        }))

        loading.show();
    }

    function initPresentation() {
        win = new BrowserWindow({
            width: 1280,
            height: 920,
            show: false,
            webPreferences: {
                experimentalFeatures: true
            }
        })
        win.webContents.once('dom-ready', () => {
                console.log("main loaded!!")
                win.setMenu(null);
                win.show();
                loading.hide();
                loading.close();
            })
            // Emitted when the window is closed.
        win.on('closed', () => {
            // Dereference the window object, usually you would store windows
            // in an array if your app supports multi windows, this is the time
            // when you should delete the corresponding element.
            win = null
        })
        win.loadURL(url.format({
            //pathname: path.join(__dirname, '/src/pages/home.pug'),
            pathname: path.join(__dirname, '/lab/pug/index.pug'),
            protocol: 'file:',
            slashes: true
        }))

        win.webContents.openDevTools() // Open the DevTools.
    }

    // This method will be called when Electron has finished
    // initialization and is ready to create browser windows.
    // Some APIs can only be used after this event occurs.
    app.on('ready', initApp)

    // Quit when all windows are closed.
    app.on('window-all-closed', () => {
        // On macOS it is common for applications and their menu bar
        // to stay active until the user quits explicitly with Cmd + Q
        if (process.platform !== 'darwin') {
            app.quit()
        }
    })

    app.on('activate', () => {
        // On macOS it's common to re-create a window in the app when the
        // dock icon is clicked and there are no other windows open.
        if (win === null) {
            initApp()
        }
    })

    // In this file you can include the rest of your app's specific main process
    // code. You can also put them in separate files and require them here.*/

---

为什么要在另一个窗口中加载启动屏幕。你不喜欢这段代码吗？你应该在同一个过程中加载“splash”和“main”窗口，然后根据需要的事件显示/隐藏，我将用我的代码示例发布一个答案。这太棒了。非常感谢你！它就像一个符咒：）

   'use strict';

    //generic modules
    const { app, BrowserWindow, Menu } = require('electron');
    const path = require('path')
    const url = require('url')

    const config = require('./config'); //                              => 1: archivo de configuracion
    const fileToLoad = config.files.current ? config.files.current : config.files.raw;
    const jsonData = require(fileToLoad); //                            => 2: archivo de datos (json) 
    const pug = require('electron-pug')({ pretty: true }, jsonData); // => 3: pasamos datos ya tratados a plantillas pug/jade 


    // Keep a global reference of the window object, if you don't, the window will
    // be closed automatically when the JavaScript object is garbage collected.
    let win, loading
    app.mainWindow = win;

    function initApp() {
        showLoading(initPresentation)
    }

    function showLoading(callback) {
        loading = new BrowserWindow({ show: false, frame: false })
        loading.once('show', callback);
        loading.loadURL(url.format({
            pathname: path.join(__dirname, '/src/pages/loading.html'),
            protocol: 'file:',
            slashes: true
        }))

        loading.show();
    }

    function initPresentation() {
        win = new BrowserWindow({
            width: 1280,
            height: 920,
            show: false,
            webPreferences: {
                experimentalFeatures: true
            }
        })
        win.webContents.once('dom-ready', () => {
                console.log("main loaded!!")
                win.setMenu(null);
                win.show();
                loading.hide();
                loading.close();
            })
            // Emitted when the window is closed.
        win.on('closed', () => {
            // Dereference the window object, usually you would store windows
            // in an array if your app supports multi windows, this is the time
            // when you should delete the corresponding element.
            win = null
        })
        win.loadURL(url.format({
            //pathname: path.join(__dirname, '/src/pages/home.pug'),
            pathname: path.join(__dirname, '/lab/pug/index.pug'),
            protocol: 'file:',
            slashes: true
        }))

        win.webContents.openDevTools() // Open the DevTools.
    }

    // This method will be called when Electron has finished
    // initialization and is ready to create browser windows.
    // Some APIs can only be used after this event occurs.
    app.on('ready', initApp)

    // Quit when all windows are closed.
    app.on('window-all-closed', () => {
        // On macOS it is common for applications and their menu bar
        // to stay active until the user quits explicitly with Cmd + Q
        if (process.platform !== 'darwin') {
            app.quit()
        }
    })

    app.on('activate', () => {
        // On macOS it's common to re-create a window in the app when the
        // dock icon is clicked and there are no other windows open.
        if (win === null) {
            initApp()
        }
    })

    // In this file you can include the rest of your app's specific main process
    // code. You can also put them in separate files and require them here.*/