如果有人感兴趣，这就是我解决这个问题的方法。我正在使用Ionic 4 / Capacitor + Vue 3。
在我的入口文件（app.ts）中，我声明了一个名为Window的全局接口，如下所示：

// app.ts
declare global { interface Window { require: any; } }

然后，我写了下面的类：

// electron.ts
import { isPlatform } from '@ionic/core';

export class Electron
{
    public static isElectron = isPlatform(window, 'electron');
    public static getElectron()
    {
        if (this.isElectron)
        {
            return window.require('electron');
        }
        else
        {
            return null;
        }
    }
    public static getIpcRenderer()
    {
        if (this.isElectron)
        {
            return window.require('electron').ipcRenderer;
        }
        else
        {
            return null;
        }
    }
    public static getOs()
    {
        if (this.isElectron)
        {
            return window.require('os');
        }
        else
        {
            return null;
        }
    }
}

我是这样用的：

//electronabout.ts
import { IAbout } from './iabout';
import { Plugins } from '@capacitor/core';
import { Electron } from '../utils/electron';

export class ElectronAbout implements IAbout
{
  constructor() { }
  public async getDeviceInfo()
  {
    let os = Electron.getOs();
    let devInfo =
    {
      arch: os.arch(),
      platform: os.platform(),
      type: os.type(),
      userInfo: os.userInfo()
    };

    return devInfo;
  }
  public async showDeviceInfo()
  {
    const devInfo = await this.getDeviceInfo();
    await Plugins.Modals.alert({ title: 'Info from Electron', message: JSON.stringify(devInfo) });
  }
}

这是工作，但当然，我仍然需要重构电子类（electron.ts）。也许使用单例模式是一个更好的主意。
我希望这能帮上忙。

更新

你可以从渲染进程与你的主进程（index.js）进行通信，如下所示：

//somefile.ts
if (Electron.isElectron)
{
     let ipc = Electron.getIpcRenderer();
     ipc.once('hide-menu-button', (event) => { this.isMenuButtonVisible = false; });
 }

//index.js
let newWindow = new BrowserWindow(windowOptions);
newWindow.loadURL(`file://${__dirname}/app/index.html`);
newWindow.webContents.on('dom-ready', () => {
         newWindow.webContents.send('hide-menu-button');
         newWindow.show();
});

我昨天深入研究了这个问题，并为你提供了一个使用angular的例子（这也适用于ionic）。在您服务中声明require，以便我们可以使用它

//Below your imports
  declare function require(name:string);

然后在任何你想使用它的函数中：

// Require the ipcRenderer so we can emit to the ipc to call a function
// Use ts-ignore or else angular wont compile
// @ts-ignore
const ipc = window.require('electron').ipcRenderer;
// Send a message to the ipc
// @ts-ignore
ipc.send('test', 'google');

然后在创建的index.js中的electron文件夹中

// Listening for the emitted event
ipc.addListener('test', (ev, arg) => {
    // console.log('ev', ev);
    console.log('arg', arg);
});

这可能不是正确的方式来访问它，但它的最好的方式，我可以找到。根据我的理解，ipcRenderer是用于当你有多个浏览器在electron中相互交谈时。所以在我们的情况下，它使我们的网络层能够与电子设备进行通信，