电子.js | ipcRenderer 和 ipcMain 导致白屏/黑屏答案

【问题标题】：electron.js | ipcRenderer and ipcMain cause white / blank screen电子.js | ipcRenderer 和 ipcMain 导致白屏/黑屏
【发布时间】：2020-11-03 14:06:14
【问题描述】：

我正在使用 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();
  },

【问题讨论】：

标签： javascript vue.js electron vuetify.js

【解决方案1】：

我通过在主进程中设置 nodeIntegration: true 解决了这个问题。

【讨论】：

【解决方案2】：

如果出现白屏，很可能是您的主进程出现错误并且渲染器进程无法加载（即为什么它是空白的）。没有控制台日志，根据您的问题很难判断。

注意，通过启用nodeIntegration，如果您的应用正在加载远程内容，您将面临安全漏洞。如果您希望使用 IPC 来制作安全的应用程序，我建议您使用 secure-electron-template 来构建您的应用程序。该框架是轻量级的，并且具有 cmets，如果您是电子应用程序的新手，应该可以帮助您入门。

免责声明：我是这个模板的作者

【讨论】：