电子在预标签内加载html

Question

我最近创建了一个电子/角度应用程序，它在 main.ts 中运行以下内容：

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

当electron app加载时，如下显示 不知何故，html 在 html 内的 <pre> 标记内加载。 我检查了__dirname/dist，该文件夹包含所有正确的文件（即 index.html、main.js 等）。有没有人见过与电子类似的东西？如果是这样，有什么线索可以说明发生了什么吗？

Answer 1

虽然不是很明显，但我解决了我的问题 - 我的 win 对象发出警告，因为我使用的是服务人员，因此没有正确加载 html。

解决方案：使用nodeIntegrationInWorker: true 属性。添加后，一切都像魔术一样工作。

  // Create the browser window.
  win = new BrowserWindow({
    x: 0,
    y: 0,
    width: size.width,
    height: size.height,
    webPreferences: {
      nodeIntegration: true,
      nodeIntegrationInWorker: true
    }
  });