Electron：错误：由于版本无效或不受支持，无法反序列化克隆数据

Question

我有一个独立运行的 angular 应用程序，我正在尝试创建一个电子应用程序，然后mainWindow.loadURL('http://localhost:4200/');它只是：它只是我的开发环境的本地主机，它不是真实的条件。

在电子中，我将 nodeIntegration 设置为 true，这允许我的 angular 应用程序访问 ipc。

const mainWindow = new BrowserWindow({
    webPreferences: {
      nodeIntegration: true,
    }
  });

在 angular 我有我的乒乓功能：

  public playPingPong() {
    if(this._electronService.isElectronApp) {
      console.log('Is electron.')
      console.log(this._electronService.ipcRenderer);
      let pong: any = this._electronService.ipcRenderer.sendSync('ping', 'ping');
      console.log(pong);
    }
  }

尽管在使用标题中的错误记录 ipcRenderer 后，应用程序出错了：

core.js:5845 ERROR Error: Unable to deserialize cloned data due to invalid or unsupported version.
    at EventEmitter../lib/renderer/api/ipc-renderer.ts.ipcRenderer.sendSync (ipc-renderer.ts:13)
    at ArcMapComponent.playPingPong (arc-map.component.ts:61)
    at ArcMapComponent.ngOnInit (arc-map.component.ts:164)
    at callHook (core.js:3909)
    at callHooks (core.js:3873)
    at executeInitAndCheckHooks (core.js:3814)
    at refreshView (core.js:11723)
    at refreshDynamicEmbeddedViews (core.js:13070)
    at refreshView (core.js:11728)
    at refreshComponent (core.js:13145)

先感谢您！

Answer 1

我遇到过同样的问题。我相信当您使用ipcRenderer.sendSync它时，它会期待一个返回值。

例如

渲染器sendSync消息

ipcRenderer.sendSync("pong_channel", { type: "ping"});

这段代码只是向主进程发送了一条消息，其中包含一个通道标识符pong_channel和一个 json 对象。

主.on监听器

ipcMain.on("pong_channel", (event, args) => {
    if(args.type === "pong") {
        print("Received pong successfully!")
    }
    event.returnValue = "received";
});

主要过程是监听通道并执行一个副作用。但关键是它通过 event.returnValue 返回了一个值。我遇到了同样的问题，但是一旦我设置了 returnValue，它就消失了。

我通常也将我的频道名称放在两个枚举中。一个包含主进程的所有消息，另一个包含渲染器的所有消息。这使事情比字符串更整洁。

我希望这有帮助！