remote

app/app-detail.component.ts

@@ -4,7 +4,8 @@ import {InstallOption} from './install-option';
 import {SettingsService} from './settings.sevices';
 import {App} from './app';
 import {DownloadService} from './download.service';
-import {clipboard, remote} from 'electron';
+import {clipboard} from 'electron';
+import * as remote from '@electron/remote';
 import * as path from 'path';
 import * as fs from 'fs';
 import * as $ from 'jquery';

app/apps.service.ts

@@ -3,7 +3,7 @@ import { Http } from '@angular/http';
 import * as child_process from 'child_process';
 import { ChildProcess } from 'child_process';
 import * as crypto from 'crypto';
-import { remote } from 'electron';
+import * as remote from '@electron/remote';
 import * as sudo from 'electron-sudo';
 import * as fs from 'fs';
 import * as glob from 'glob';

app/i18n-providers.ts

 import {TRANSLATIONS, TRANSLATIONS_FORMAT, LOCALE_ID} from '@angular/core';
-import {remote} from 'electron';
+import * as remote from '@electron/remote';
 
 export async function getTranslationProviders (): Promise<Object[]> {
     let locale = localStorage.getItem('locale');

app/mycard.component.ts

 import { ChangeDetectorRef, Component, ElementRef, OnInit, Renderer, ViewChild } from '@angular/core';
 import 'bootstrap';
-import { remote, shell } from 'electron';
+import { shell } from 'electron';
+import * as remote from '@electron/remote';
 import * as $ from 'jquery';
 import * as Tether from 'tether';
 import { LoginService } from './login.service';

app/settings.sevices.ts

@@ -2,7 +2,7 @@
  * Created by weijian on 2016/10/24.
  */
 import {Injectable} from '@angular/core';
-import {remote} from 'electron';
+import * as remote from '@electron/remote';
 import * as path from 'path';
 
 export interface Library {

app/ygopro.component.ts

@@ -14,7 +14,8 @@ import {
 } from '@angular/core';
 import { Headers, Http } from '@angular/http';
 import * as child_process from 'child_process';
-import { clipboard, remote, shell } from 'electron';
+import { clipboard, shell } from 'electron';
+import * as remote from '@electron/remote';
 import * as fs from 'fs-extra';
 import * as ini from 'ini';
 import { EncodeOptions } from 'ini';

index.js

@@ -32,6 +32,7 @@ const { autoUpdater } = require('electron-updater');
 const isDev = require('electron-is-dev');
 const child_process = require('child_process');
 const path = require('path');
+require('@electron/remote/main').initialize()
 
 // Keep a global reference of the window object, if you don't, the window will
 // be closed automatically when the JavaScript object is garbage collected.

package.json

@@ -31,6 +31,7 @@
     "@angular/platform-browser": "4.2.6",
     "@angular/platform-browser-dynamic": "4.2.6",
     "@angular/router": "4.2.6",
+    "@electron/remote": "^1.2.0",
     "@types/fs-extra": "^3.0.3",
     "@types/uuid": "^3.0.0",
     "angular-in-memory-web-api": "0.3.2",