当index.html具有相对路径时，如何使用Electron Builder进行构建

我想在父目录中使用electron builder when index.html文件构建一个用electron.js编写的项目，这是一个结构如下的简单应用程序：

project
├── css
│   ├── style.css
│   └── img.png
├── electron
│   ├── main.js
│   └── package.json
│── index.html
│── index.js
└── icon.png

使用

win.loadFile（'./../index.html'）

在main.js文件中，当使用electron文件夹中的

electron.

命令时，一切正常，但运行electron builder后，当使用可执行文件运行应用程序时，一切都不起作用，index.html文件也不显示

我试图在package.json文件中使用文件配置，但没有成功：

"build": {
    "appId": "x.y.z",
    "productName": "projectName",
    "files": ["**/*", "build/icon.*", "../**/*"]
  },

我不知道该怎么办

---

我发现了这个问题，但无法理解它，也不知道该怎么办？

在一般情况下我无法回答，但以下是使用vue electron builder和TypeScript时的解决方案。这将允许您以任意层次结构组织文件

在项目根目录中创建一个文件

vue.config.js

（这或多或少与使用webpack的electron项目所需的覆盖相对应）：

module.exports={
插件操作：{
电子造船厂：{
//我的“main”进程位于src/main.ts中：
mainProcessFile:'src/main/main.ts'，
//如果发生以下任何更改，则应重新编译我的“main.ts”：
mainProcessWatch：[
'src/main/extra_file_1.ts'，
'src/main/extra_file_2.ts'，
]
}
},
页码：{
//我只有一个渲染器进程（否则我需要“页面”中的另一个条目）
“渲染器”：{
//渲染器进程的“main”
条目：“src/renderer/main.ts”，
//这是你关心的部分：你可以把模板放在任何地方
模板：“src/viewer/index.html”，
//这将确保渲染器页面具有所需的所有ts到js块
区块：[“区块供应商”、“区块通用”、“渲染器”]
}
}
};

请注意，如果希望将

index.html

转换为

静态css文件，则应将静态文件放入项目根目录的

public

文件夹中。然后您可以像这样链接到它：

您是否在package.json中添加了

“main”：“index.js”

？