构建应用程序后未加载Electron index.html [英] Electron index.html not loading after building the app

问题描述

我有一个电子应用程序，在将它与 electron-builder 捆绑在一起之前，可以很好地运行。捆绑并打开应用程序后，出现以下错误：

I have an electron app that works perfectly fine before bundling it with electron-builder. After bundling it and opening the app, I get the following error :

不允许加载本地资源：file：/// tmp /。 mount_displa4VwuQh / resources / app.asar / file：/tmp/.mount_displa4VwuQh/resources/app.asar/build/index.html

在构建文件夹中，我有 electron.js 文件和 index.html ，并且由于该应用程序正在启动 electron.js 和 index.html 正确捆绑在一起。

In the build folder I have the electron.js file and index.html and since the app is starting electron.js and thus index.html got bundled correctly.

此处是我的 electron.js 应用程序入口点（基本上是样板）：

Here is my electron.js app entry point(basically boilerplate):

const { app, BrowserWindow } = require('electron')
const url = require('url')
const path = require('path')

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

function createWindow() {
    // Create the browser window.
    win = new BrowserWindow({
        width: 800,
        height: 600,
        webPreferences: {
            nodeIntegration: true
        }
    })


    // and load the index.html of the app.
    win.loadURL(url.format({
        pathname: path.join(__dirname, './index.html'),
        protocol: 'file:',
        slashes: true
    }));

    // 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
    })
}

// 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', createWindow)

// 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) {
        createWindow()
    }
})

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

尝试使用 loadFile（）而不是 loadUrl（）我收到相同的错误，但使用以下路径： file：///tmp/.mount_displa4VwuQh/resources/app.asar/ index.html

When trying with loadFile() instead of loadUrl() I get the same error, but with this path instead : file:///tmp/.mount_displa4VwuQh/resources/app.asar/index.html

任何主意哪里有问题？

Any idea what is wrong? Thanks in advance!

推荐答案

所以，看来我的问题毕竟是由于包装不当引起的。在 package.json build配置中添加它可以解决此问题：

So it looks like my problem was caused from improper packaging after all. Adding this in package.json "build" configuration fixed it:

"directories": {
  "buildResources": "build",
  "app": "build"
}

这篇关于构建应用程序后未加载Electron index.html的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！