相关疑难解决方法(0)

我正在尝试基于本教程开发一个小电子角度2应用程序

看起来他们是捆绑webpack的一些错误,因为我不能在我的渲染器组件中需要/导入电子遥控器.

在我的AppComponent中,我执行以下操作

import {remote} from 'electron';

我的Webpack配置

var path = require('path');
var webpack = require('webpack');
var CommonsChunkPlugin = webpack.optimize.CommonsChunkPlugin;
var webpackTargetElectronRenderer = require('webpack-target-electron-renderer');

var config = {
  debug: true,

  devtool: 'source-map',

  entry: {
    'angular2': [
    'rxjs',
    'reflect-metadata',
    'angular2/core',
    'angular2/router',
    'angular2/http'
  ],
  'app': './src/app/renderer/bootstrap'
},

  output: {
    path: __dirname + '/build/',
    publicPath: 'build/',
    filename: '[name].js',
    sourceMapFilename: '[name].js.map',
    chunkFilename: '[id].chunk.js'
  },

  resolve: {
    extensions: ['','.ts','.js','.json', '.css', '.html'],
    packageMains: ['webpack', 'browser', 'web', 'browserify', ['jam', 'main'], 'main']
  },

  module: {
    loaders: …

我遵循了官方的 Electron 教程以及其他一些在线教程，并在我的目录中创建了关联的文件。但是，教程中显示的文件是JavaScript而不是TypeScript，因为我在 Angular 中使用了它。

有什么方法可以将我创建的文件从使用转换require为实际使用import它们吗？

电子入门指南

我过去曾看到过做类似的事情import * as component from './...'，但我不确定从同一来源导入多个组件，例如：

const {app, BrowserWindow} = require('electron');

ElectronStart.ts（main.js教程中调用了这个，但是Angular-CLI已经有这个名字的文件了）

const {app, BrowserWindow} = require('electron');
const path = require('path');

设置事件.ts

const electron = require('electron');
const ChildProcess = require('child_process');
 module.exports = {
    ...
 }

创建安装程序.ts

const createWindowsInstaller = require('electron-winstaller').createWindowsInstaller;