electron - 内置 Electron 应用程序仅将json打印到屏幕上

Question

我刚写了我的第一个Electron应用程序。现在，我正在尝试通过electron-packager构建它。我的package.json看起来像这样:

{
  "name": "pixelcast",
  "productName": "pixelcast",
  "version": "0.0.1",
  "author": "Wesley Peeters <wesley@youngones.works>",
  "description": "Caster",
  "license": null,
  "main": "./dist/electron/main.js",
  "scripts": {
    "build": "node .electron-vue/build.js",
    "build:darwin": "cross-env BUILD_TARGET=darwin node .electron-vue/build.js",
    "build:linux": "cross-env BUILD_TARGET=linux node .electron-vue/build.js",
    "build:mas": "cross-env BUILD_TARGET=mas node .electron-vue/build.js",
    "build:win32": "cross-env BUILD_TARGET=win32 node .electron-vue/build.js",
    "build:clean": "cross-env BUILD_TARGET=clean node .electron-vue/build.js",
    "build:web": "cross-env BUILD_TARGET=web node .electron-vue/build.js",
    "dev": "node .electron-vue/dev-runner.js",
    "pack": "build --dir",
    "dist": "build",
    "pack:main": "cross-env NODE_ENV=production webpack --progress --colors --config .electron-vue/webpack.main.config.js",
    "pack:renderer": "cross-env NODE_ENV=production webpack --progress --colors --config .electron-vue/webpack.renderer.config.js",
    "postinstall": ""
  },
  "build": {
    "appId": "nl.pixelservers.caster",
    "win": {
      "icon": "build/test.png",
      "target": [
        "portable"
      ]
    }
  },
}

一切正常，但是当我打开构建的应用程序时，这是我的结果:



我该如何调试这样的问题？

谢谢。

Answer 1

(这可能比答案更像是“评论”，但我无法在评论中添加细节和图像)

在不知道项目结构的情况下很难说。我同时使用electron-packager和electron-builder。 “dist”目录仅用于输出，因此对我引用该目录中的脚本感到很奇怪:

  "main": "./dist/electron/main.js",

给定我的项目结构(如下所示)，我的“main.js”与“project.json”处于同一级别，因此:

  "main": "main.js",

但是也许您的项目结构可以支持引用“main.js”的方式？ 。我在下面的项目中仅使用 electron-packager，所以没有``dist''文件夹-我有``release-builds''文件夹。我的构建脚本如下所示:

  "package-mac": "electron-packager . --overwrite  --platform=darwin --arch=x64  --asar --prune=true --out=release-builds",
  "package-win": "electron-packager . --overwrite  --platform=win32 --arch=ia32 --asar  --prune=true --out=release-builds"