Electron即使在成功编译后也没有在桌面窗口中打开我的React项目

atmip9wb  于 2023-05-04  发布在  Electron
关注(0)|答案(1)|浏览(260)

我一直在尝试用Electron打开我的react项目。但是,该应用程序在浏览器上打开,但不会在Windows应用程序中打开。

我的package.json文件--

"main": "public/electron.js",
  "scripts": {
    "start": "react-scripts start",
    "build": "react-scripts build",
    "test": "react-scripts test",
    "eject": "react-scripts eject",
    "dev": "concurrently -k \"cross-env BROWSER=none npm start\" \"npm:electron\"",
    "electron": "wait-on tcp:3000 && electron ."
  },

我的electron.js文件在公共文件夹里

const path = require('path');

const { app, BrowserWindow } = require('electron');
const isDev = require('electron-is-dev');

function createWindow() {
  // Create the browser window.
  const win = new BrowserWindow({
    width: 800,
    height: 600,
    webPreferences: {
      nodeIntegration: true,
    },
  });

  // and load the index.html of the app.
  // win.loadFile("index.html");
  win.loadURL(
    isDev
      ? 'http://localhost:3000'
      : `file://${path.join(__dirname, '../build/index.html')}`
  );
  // Open the DevTools.
  if (isDev) {
    win.webContents.openDevTools({ mode: 'detach' });
  }
}

app.whenReady().then(createWindow);

app.on('window-all-closed', () => {
    app.quit();
});

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

**我已经安装了所有必需的包,编译成功。**但是,我在终端运行npm run dev时,没有打开任何窗口。为什么会这样?

lyr7nygr

lyr7nygr1#

我也遇到了这个问题。但是我所做的是在Package.json文件中,我将代码从

"electron": "wait-on tcp:3000 && electron ."

到这个

"electron": "electron ."

窗口将打开,但它将是空白的。你必须重新加载窗口一旦React完成建设。我没有别的办法解决这个问题。但这是我能分享的最好的。

相关问题