我一直在尝试用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
时,没有打开任何窗口。为什么会这样?
1条答案
按热度按时间lyr7nygr1#
我也遇到了这个问题。但是我所做的是在Package.json文件中,我将代码从
到这个
窗口将打开,但它将是空白的。你必须重新加载窗口一旦React完成建设。我没有别的办法解决这个问题。但这是我能分享的最好的。