Question

我正在用电子和Angular创建一个应用。

当前要加载index.html文件，我的代码如下所示。

exports.window = function window() {

  this.createWindow = (theBrowserWindow) => {
    // Create the browser window.
    let win = new theBrowserWindow({
      width: 900,
      height: 600,
      webPreferences: {
        nodeIntegration: true
      },
      resizable:false
    });

    // and load the index.html of the app.
    win.loadFile(`file://${__dirname}/dist/index.html`)

    // Chrome Dev Tools
    win.webContents.openDevTools()  
  };
}

尤其是

 win.loadFile(`file://${__dirname}/dist/index.html`)

但是，当我运行代码时，我不断收到错误消息。

Not allowed to load local resource:

我不确定如何为电子应用加载index.html文件。正确的语法是什么。

我尝试过“ index.html”和“ ./index.html”，但似乎找不到解决方法。

任何帮助，我们将不胜感激

Answer 1

我不确定您的项目结构，但在加载窗口时，在我的Electron应用程序中，加载html页面时有以下内容：

A B C D 1 2 2 0 5 7 8 9 7 4 3 6 5 7 8 9

就我而言， index.html 与执行窗口创建的js文件位于同一目录中。

如何在电子上加载index.html文件？

1 个答案: