electron.js | ipcRenderer 和 ipcMain 導致白屏/黑屏

Question

我正在使用 Electron、Vue + Vuetify 創建桌面應用程序，但是當我嘗試使用 IPC 從 rendererProcess 向 mainProcess 發送內容時，會出現白色和空白屏幕，我不知道是什么導致了這個錯誤。

// 主進程

ipcMain.on('fileOps', (event, args) => {

});

// 渲染端

const ipcRenderer = require("electron").ipcRenderer

const buttonClicked = () => {

    ipcRenderer.send("fileOps", "test");
}
module.exports = buttonClicked


import buttonClicked from "../renderer/file.js";

export default {
  mounted() {
          buttonClicked();
  },

Answer 1

我通過在主進程中設置 nodeIntegration: true 解決了這個問題。

Answer 2

如果你得到一個白屏，很可能你的主進程中有一個錯誤並且你的渲染器進程無法加載（即為什么它是空白的）。 沒有控制台日志，很難根據您的問題來判斷。

請注意，通過啟用nodeIntegration ，如果它正在加載遠程內容，您將打開您的應用程序的安全漏洞。 如果您希望使用 IPC 來制作安全的應用程序，我建議您使用secure-electron-template來構建您的應用程序。 該框架是輕量級的，並且如果您是 electron 應用程序的新手，它的注釋可以幫助您入門。

免責聲明：我是此模板的作者