Javascript 如何创建angular electron应用程序的exe包

我在angular 6中开发了一个应用程序。我正在尝试使用electron生成.exe。当我在开发环境中创建一个运行良好的electron版本，但现在我想发布一个windows软件包时，我已经在我的机器上安装了electron packager，试图创建一个windows版本。我已经在Linux机器上安装了wine来运行构建。它正在生成应用程序，但当我运行.exe文件时，它会显示一个空窗口。我不明白问题是什么&为什么它会给我显示一个空屏幕

//main.ts
const{app，BrowserWindow}=require（'electron'）
const path=require（'path'）；
让我们赢；
函数createWindow（）{
win=新浏览器窗口({
宽度：600，
身高：600，
背景颜色：“#ffffff”
})
最大化
loadURL（`file://${\uu dirname}/dist/task reporting tool/index.html`）
win.on（'关闭'，函数（）{
win=null
})
}
应用程序打开（'ready'，createWindow）
应用程序打开（'window-all-closed'，函数（）{
if（process.platform！=='darwin'）{
app.quit（）
}
})
应用程序打开（'激活'，功能（）{
如果（win==null）{
createWindow（）
}
})
//package.json
“main”：“main.js”，
“说明”：“任务报告工具”，
“文件”：[“构建”、“*.js”、“公共”]，
“脚本”：{
“电子”：“电子”，
“electron build”：“ng build--prod&&electron.”，
“打包机”：“electron packager.WinApp--platform=win32--arch=all”
}

index.html

您可以尝试：

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

你可以试试：

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

---

它在开发人员工具“不允许加载本地资源：file://home/lakhan/Desktop/task-reporting-tool/WinApp-win32-x64/resources/app/src/index.html“它在开发人员工具中显示此错误”不允许加载本地资源：file://home/lakhan/Desktop/task-reporting-tool/WinApp-win32-x64/resources/app/src/index.html"