Встроенное электронное приложение печатает только json на экран

Question

Я только что написал свое первое приложение Electron. Сейчас я пытаюсь построить его через electron-packager. Мой пакет. 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"
      ]
    }
  },
}

все это прекрасно работает, но когда я открываю встроенное приложение, это мой результат:

Как я могу go отладить подобную проблему?

спасибо.

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"