показывает пустой пустой экран при создании электронного приложения существующего углового приложения

Question

Я разработал одно приложение с использованием angular 6. Теперь я хочу создать приложения для рабочего стола с помощью Electron.Я выполнил все шаги, чтобы сделать сборку.когда я запускаю 'npm run electronic-build', он делает сборку и отображает пустое белое окно, которое ничего не показывает.Я даже не понимаю, в чем проблема.Заранее спасибо.

// main.js

const { app, BrowserWindow } = require('electron')

let win;

function createWindow () {
  win = new BrowserWindow({
    width: 600, 
    height: 600,
    backgroundColor: '#ffffff',
    icon: `file://${__dirname}/dist/assets/logo.png`
  })


  win.loadURL(`file://${__dirname}/dist/index.html`)

  win.on('closed', function () {
    win = null
  })
}

app.on('ready', createWindow)

app.on('window-all-closed', function () {
  if (process.platform !== 'darwin') {
    app.quit()
  }
})

app.on('activate', function () {
  if (win === null) {
    createWindow()
  }
})

// package.json

"name": "demo-electron",
"version": "0.0.0",
"main": "main.js",
"scripts": {
  "ng": "ng",
  "start": "ng serve",
  "build": "ng build",
  "test": "ng test",
  "lint": "ng lint",
  "e2e": "ng e2e",
  "electron": "electron .",
  "electron-build": "ng build --prod && electron ."
}

index.html

<base href="./">

Я создал файл main.js, внес изменения в index.html & package.json.Конфигурация системы ОС: Linux x64 (Ubuntu 16), узел 8.11.1 Angular CLI: 6.2.9 Angular: 6.1.10.

Answer 1

Попробуйте проверить местоположение index.html в папке dist и соответствующим образом обновить путь win.loadurl. Работал на меня