1. 程式人生 > 其它 >electron-vue升級electron依賴版本

electron-vue升級electron依賴版本

技術標籤:electron

執行yarn upgrade-interactive --latest命令
勾選electronelectron-builderelectron-debugelectron-devtools-installer升級到最新版本
在這裡插入圖片描述
這是我升級後的版本

重啟專案後,報如下錯誤
在這裡插入圖片描述
是因為新版本網頁中預設沒有整合node,在主程序中新增就好了
找到src資料夾下main資料夾下index.js檔案,修改如下

mainWindow = new BrowserWindow({
  height: 563,
  useContentSize: true,
  width:
1000, webPreferences: { nodeIntegration: true, //在網頁中整合Node } })

重啟專案後,報如下錯誤
在這裡插入圖片描述
是因為electron10remote模組預設是關閉的,在主程序中新增如下

mainWindow = new BrowserWindow({
  height: 563,
  useContentSize: true,
  width: 1000,
  webPreferences: {
    nodeIntegration: true,
    enableRemoteModule: true // 開啟remote模組
  }
})

重啟專案後就可以正常使用了