Блог

Главная - Вопросы по программированию - показывает пустой экран при создании приложения electron существующего приложения angular

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

#javascript #angular #react-native #vuejs2 #electron

#javascript #angular #react-native #vuejs2 #electron

Вопрос:

Я разработал одно приложение, используя angular 6. теперь я хочу создавать приложения для настольных компьютеров с помощью Electron. Я выполнил все шаги для создания сборки. когда я запускаю ‘npm run electron-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 amp;amp; electron ."
}  
 index.html

<base href="./">

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

Ответ №1:

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

Ответ №2:

используйте приведенные ниже команды

1) npm install nw —nwjs_build_type=sdk

если приведенная выше команда не сработала

2)yarn add —dev nw@0.23.6-sdk-1