Angular2和电子访问browserWindwow对象

时间:2016-03-20 11:42:41

标签: javascript angular electron

我正在使用Angular2和Electron以及WebPack。

我试图抓住BrowserWindow对象https://github.com/atom/electron/blob/master/docs/api/browser-window.md

我在我的组件顶部做了

import * as electron from 'electron';

但是在做的时候:

this.authWindow = new electron.BrowserWindow({ width: 800, height: 600, show: false});

我在运行时出现错误

  

ORIGINAL EXCEPTION:TypeError:electron.BrowserWindow不是函数

当记录电子本身看起来只是一个函数时,它中没有BrowserWindow个对象。

function defineProgram(name, opts) {
  var program = new Program(name, opts);
  return program;
}

在WebPack中,我使用webpackTargetElectronRenderer来定位Electron。

目的是打开一个新的浏览器窗口对象,就像在这里完成http://manos.im/blog/electron-oauth-with-github/

一样

1 个答案:

答案 0 :(得分:1)

要在渲染器流程和主流程之间进行通信,您需要使用Remote API(https://github.com/atom/electron/blob/master/docs/api/remote.md)。

这样的事情应该有效:

const remote = require('electron').remote;
const BrowserWindow = remote.BrowserWindow;

this.authWindow = new BrowserWindow({ width: 800, height: 600, show: false});