素材牛VIP会员
使用Electron让React+webpack打包的问题
 zx***30  分类:JavaScript  人气:1001  回帖:2  发布于6年前 收藏

原有的React项目可以正常使用Webpack和webpack-dev-server打包并使用。引入Electron后,先用Webpack打包并用dev-server运行在8080下,然后在总目录下加入一个index.js

const electron = require('electron');
const {app,BrowserWindow} = electron;
let mainWindow = electron;
app.on('ready',()=>{
  mainWindow = new BrowserWindow({});
  mainWindow.loadURL(`file://${__dirname}/public/index.html`);
})

可是之后run electron 后窗口无内容显示,console显示:
Failed to load resource: net::ERR_FILE_NOT_FOUND
请问使用Electron打包webpack加React的项目,还需要修改什么吗?初学者,请多多指教。

讨论这个帖子(2)垃圾回帖将一律封号处理……

Lv6 码匠
问***m Linux系统工程师 6年前#1

emmm,算是解决了,webpack-dev-server创建的打包文件并不在项目文件夹下,所以在调试时应该loadURL(`http://localhost:8080/xxxxxx`)而在production时则应该webpack打包后,用file://方式来引入html文件。
我也顺便写了一个文档来告诉后来人,简单的Electron+React+webpack配置。
http://www.jianshu.com/p/c102...

Lv3 码奴
wa***88 产品经理 6年前#2

调试模式下loadurl 是 localhost:8080
你打包了后运行electron读取的应该是打包后的index.html,这两种开发状态要分开

 文明上网,理性发言!   😉 阿里云幸运券,戳我领取