在线观看不卡亚洲电影_亚洲妓女99综合网_91青青青亚洲娱乐在线观看_日韩无码高清综合久久

鍍金池/ 問答/HTML/ 使用Electron讓React+webpack打包的問題

使用Electron讓React+webpack打包的問題

原有的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 后窗口無內(nèi)容顯示,console顯示:
Failed to load resource: net::ERR_FILE_NOT_FOUND
請問使用Electron打包webpack加React的項目,還需要修改什么嗎?初學(xué)者,請多多指教。

回答
編輯回答
朕略傻

emmm,算是解決了,webpack-dev-server創(chuàng)建的打包文件并不在項目文件夾下,所以在調(diào)試時應(yīng)該loadURL(`http://localhost:8080/xxxxxx`)而在production時則應(yīng)該webpack打包后,用file://方式來引入html文件。
我也順便寫了一個文檔來告訴后來人,簡單的Electron+React+webpack配置。
http://www.jianshu.com/p/c102...

2018年2月6日 07:46
編輯回答
夢一場

調(diào)試模式下loadurl 是 localhost:8080
你打包了后運行electron讀取的應(yīng)該是打包后的index.html,這兩種開發(fā)狀態(tài)要分開

2018年8月14日 01:42