Блог

Главная - Вопросы по программированию - Electron js не отображает встроенное веб-приложение react

Electron js не отображает встроенное веб-приложение react

#javascript #reactjs #rxjs #electron #electron-builder

Вопрос:

Мое веб-приложение react отлично работает в режиме разработки, оно также отлично работает, когда я размещаю версию сборки с экспресс-сервера. Но когда я пытаюсь визуализировать его из electron js, он ничего не визуализирует.

В консоли написано Failed to load resource: net::ERR_FILE_NOT_FOUND main.8d9a4060.chunk.css:1 Failed to load resource: net::ERR_FILE_NOT_FOUND , и я не могу понять, в чем причина проблемы.

мой электронный код выглядит так:-

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

if (require('electron-squirrel-startup')) { 
  app.quit();
}

const createWindow = () => {
  // Create the browser window.
  const mainWindow = new BrowserWindow({
    width: 800,
    height: 600,
    webPreferences: {
      nodeIntegration: true
    }
  });
  mainWindow.loadFile(path.join(__dirname, 'build', 'index.html'));
  mainWindow.webContents.openDevTools();
};

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

app.on('activate', () => {
  if (BrowserWindow.getAllWindows().length === 0) {
    createWindow();
  }
});

Комментарии:

1. Как вы запускаете React и electron? (Каков ваш start сценарий)? Попробуйте следовать этому руководству

Ответ №1:

попробуйте «loadUrl» вместо «LoadFile» https://www.electronjs.org/docs/api/browser-window

Метки: