php - Electron 窗口在加载时为空白

Question

我想在 Electron 应用程序中嵌入一些 php 服务器端代码。我找到了一种让 php 在我的应用程序中工作的有趣方法，但是当应用程序启动时我遇到了一个小问题。事实上，在我刷新它之前，主窗口是空白的。是否可以刷新页面来解决此问题？

const { app, BrowserWindow } = require('electron');
const electron = require('electron');
const Menu = electron.Menu;
const path = require('path');
const url = require('url');
const os = require('os');
// PHP SERVER CREATION /////
const PHPServer = require('php-server-manager');
var php = 'php';
// if(os.platform === 'win32' && os.arch === 'ia32'){
//    php = path.resolve(__dirname)+'/php/x86/php.exe';
// }
// if(os.platform === 'win32' && os.arch === 'x64'){
//    php = path.resolve(__dirname)+'/php/x64/php.exe';
// }
const server = new PHPServer({
  php: php,
  directory: path.resolve(__dirname)+'/',
  directives: {
      display_errors: 1,
      expose_php: 0
  }
});
app.on('ready', () => {
  createWindow();
  server.run();
  mainWindow.reload();
  // if (os.platform === 'darwin') {
  // }
});

let mainWindow;

function createWindow () {
  mainWindow = new BrowserWindow({width: 1024, height: 620, });
  mainWindow.center();
  mainWindow.loadURL('http://127.0.0.1:8000/index.php');
  mainWindow.webContents.openDevTools();
  // Emitted when the window is closed.
  mainWindow.on('closed', function () {
    // PHP SERVER QUIT
      server.close();
      mainWindow = null;
    });
  }
  app.on('window-all-closed', function () {
    if (os.platform !== 'darwin') {
      // PHP SERVER QUIT
      server.close();
      app.quit();
    }
  });
  app.on('activate', function () {
    if (mainWindow === null) {
      createWindow();
    }
  });

更新:
经过一番研究，我找到了一种加载窗口内容的方法，空白窗口的问题与 script有关。 php 服务器管理器模块的参数。在我将它指向作为我的应用程序路由器的 index.php 之后，内容已加载，但现在我有两个控制台错误:

jquery.min.js:1 Uncaught SyntaxError: Unexpected token < bootstrap.bundle.min.js:1

和

bootstrap.bundle.min.js:1 Uncaught SyntaxError: Unexpected token <

如果有人知道如何解决这些问题，我将不胜感激。

Answer 1

我建议尝试从 ready-to-show 开始挂接您的服务器。事件。

mainWindow.on('ready-to-show', () => {
   server.run();
   mainWindow.show()
})