小编Dan*_*til的帖子

我正在创建一个使用Angular 5应用程序作为前端的电子应用程序.我可以通过运行npm run build && electron在开发模式下运行应用程序.触发电子实例并加载角位置.但是,当根据文档使用npm run dist构建时,它不允许我引用文件或者它无法读取asar文件或者我可能做错了什么,我在这里完全无能为力.当我安装应用程序运行.exe文件时,我完全看到空白屏幕.

以下是package.json和electron-main.js package.json的一些代码片段

"version": "0.0.0",
  "license": "MIT",
  "main": "electron-main.js",

  "build": {
    "appId": "com.example.Dashboard",
    "productName": "Dashboard",

    "win": {
      "target": [
        "nsis"
      ]
    },
    "nsis": {
      "runAfterFinish": true
    }
  },

  "scripts": {
    "ng": "ng",
    "start": "ng serve",
    "pack": "electron-builder --dir",
    "dist": "electron-builder",
    "postinstall": "install-app-deps",
    "build": "ng build --prod",
    "test": "ng test",
    "lint": "ng lint",
    "e2e": "ng e2e",
    "electron": "electron .",
    "electron-build": "ng build --prod && electron ."
  },

电子main.js

 win.loadURL(url.format({
        pathname: __dirname + '/dist/index.html',
        protocol: …