创建现有角度应用程序的电子应用程序时显示空白屏幕

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 角CLI：6.2.9 角度：6.1.10。

Answer 1

使用以下命令

1）npm install nw --nwjs_build_type = sdk

如果上述命令不起作用

2）yarn add --dev nw@0.23.6-sdk-1

Answer 2

尝试检查dist文件夹中的index.html位置，并相应地更新win.loadurl路径。为我工作