电子应用与Nex。js（加载html文件不起作用）

Question

我正在使用Next构建一个电子应用程序。js和electron下一个包，以便electron可以处理下一个包中的“输出”文件夹。js。该应用程序在开发中非常有效（简单的html“hello world”测试适用于所有人）；但是，当我使用electron builder打包应用程序时，页面不会加载，而DevTools会说它无法加载本地文件。我可以看到由electron builder生成的文件，但在任何地方都找不到静态html文件。有什么我遗漏的吗？静态文件是否包含在*中。asar文件？

这是Windows 10下的电子。下面我展示了电子构建器的package.json文件设置，以及在应用程序条目文件上打开初始超文本标记语言文件的调用（index.js）

// ---------package.json----------
 "scripts": {
    "start": "electron .",
    "build": "next build renderer && next export renderer",
    "dist": "npm run build && electron-builder"
  },
  "build": {
    "files": [
      "**/*",
      "renderer"
    ]
  },

// --------index.js----------
  // I can confirm that /renderer/out/start.html file is created

  const devPath = "http://localhost:8000/start"
  const prodPath = path.resolve('renderer/out/start.html')

  const entry = isDev ? devPath : ('file://' + prodPath)

  console.log(entry)
  win.loadURL(entry)

这是我得到的错误：

不允许加载本地资源：file:///C:/Users//Desktop/text_exc_app/dist/win-解包/资源/渲染器/输出/开始。html

Answer 1

我从另一篇文章中发现，你也可以这样做（使用app.getAppPath（））：

const prodPath = path.join(app.getAppPath() ,'renderer/out/start.html')

这解决了我的问题！

我仍然不确定这两种访问文件的方法有什么区别，以及为什么一种有效而另一种无效。