remote in ElectronService is undefined when using AWS Amplify

[GageSorrell]

Describe the bug
Making any call to the remote object fails. Running console.log(remote) returns undefined.

To Reproduce
Steps to reproduce the behavior:

1. Clone the repo.
2. Install and set up AWS Amplify.
3. In the ElectronService, add a call to the remote object. For example, this.remote.BrowserWindow.getFocusedWindow().minimize();

Expected behavior
remote should be defined, and the minimize() example above should minimize the window.

[GageSorrell]

Solution

While setting up AWS Amplify, you are required to add this polyfill:

__polyfills.ts__
(window as any).global = window;
(window as any).process = {
    env: { DEBUG: undefined },
};

This interferes with the getter isElectron in ElectronService. isElectron is used to determine whether to perform the Electron imports, including remote. If your project is intended to only run in Electron, you may remove the isElectron check for the Electron imports:

__electron.service.ts__
constructor() {
    this.ipcRenderer = window.require('electron').ipcRenderer;
    ...
    this.remote = window.require('electron').remote;
    ...
}

You may also need to replace window.require('electron').remote with window.require('@electron/remote').

May this post save you the time and headache that it caused me.