找不到名称“ BrowserWindow”

时间:2018-10-04 12:42:00

标签: javascript angular electron

在electron.service.ts的文件夹提供程序中,我有代码:

import { Injectable } from '@angular/core';

// If you import a module but never use any of the imported values other than as TypeScript types,
// the resulting javascript file will look as if you never imported the module at all.
import { ipcRenderer, webFrame, remote, BrowserWindow } from 'electron';
import * as childProcess from 'child_process';
import * as fs from 'fs';

@Injectable()
export class ElectronService {

  ipcRenderer: typeof ipcRenderer;
  webFrame: typeof webFrame;
  remote: typeof remote;
  childProcess: typeof childProcess;
  win: BrowserWindow;
  fs: typeof fs;

  constructor() {
    // Conditional imports
    if (this.isElectron()) {
      this.ipcRenderer = window.require('electron').ipcRenderer;
      this.webFrame = window.require('electron').webFrame;
      this.remote = window.require('electron').remote;
      this.win = window.require('electron').remote.getCurrentWindow();

      this.childProcess = window.require('child_process');
      this.fs = window.require('fs');
    }
  }

  isElectron = () => {
    return window && window.process && window.process.type;
  }

}

在组件中,我有方法:

import { ElectronService } from '../../providers/electron.service';

toggleFullScreen() {
    const flag = !this.electron.win.isFullScreen();
    this.electron.win.show();
    this.electron.win.setFullScreen(flag);
    this.storeService.isFullScreen = this.electron.win.isFullScreen();
  }

在我写项目时

win: BrowserWindow; 

我收到错误找不到名称“ BrowserWindow”。怎么了?我做了 从'electron'导入{ipcRenderer,webFrame,remote,BrowserWindow}; 我不能改写

win: typeof BrowserWindow;

因为在方法toggleFullScreen()中将无法使用方法isFullScreen(),show(),setFullScreen()。 应用程式在开发模式下运作良好,但出现错误,无法建立exe档案。如何解决? enter image description here

1 个答案:

答案 0 :(得分:1)

这是我所熟悉的

const {BrowserWindow} = require('electron')
let win = new BrowserWindow({width: 800, height: 600})

编辑:我在网上看到的类型指定为

win: Electron.BrowserWindow
相关问题