如果你在使用electron vue時遇到了白屏問題,可以先嘗試以下幾個解決方法。
1. 檢查package.json文件中electron版本是否與electron-vue版本匹配。
"electron": "^2.0.0",
"electron-vue": "^8.0.0",
如果不匹配,可以根據(jù)項(xiàng)目需要修改版本號。
2. 檢查入口文件是否正確配置。
mainWindow = new BrowserWindow({
height: 563,
width: 1000,
webPreferences: {
nodeIntegration: true
}
});
mainWindow.loadURL(process.env.NODE_ENV === 'development' ? 'http://localhost:9080' : `file://${__dirname}/index.html`);
入口文件需要設(shè)置正確的窗口大小和加載地址。如果使用vue-router,需要將路由配置引入入口文件。
3. 檢查依賴包的版本是否正確。
"vue": "^2.5.0",
"vue-router": "^3.0.1",
"vuex": "^3.0.1",
應(yīng)根據(jù)項(xiàng)目需要修改版本號。
以上是常見問題的解決方法,如果依然無法解決,可以考慮檢查其他環(huán)節(jié),比如webpack配置等。