Webpack non riesce a trovare il modulo 'elettrone'

Question

Sto cercando di sviluppare una piccola applicazione angular2 elettroni sulla base di this tutorial

Sembra che il loro è un certo errore con l'abbinamento di webpack, perché non posso richiedo/importare l'elettrone a distanza nel mio componente del renderer.

nel mio AppComponent faccio la seguente

import {remote} from 'electron'; 

mio Webpack Config

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: [ 
     { 
     test: /\.ts$/, 
     loader: 'ts', 
     exclude: [ /node_modules/ ] 
     } 
    ] 
    }, 

    plugins: [ 
    new CommonsChunkPlugin({ name: 'angular2', filename: 'angular2.js', minChunks: Infinity }), 
    new CommonsChunkPlugin({ name: 'common', filename: 'common.js' }) 
    ] 
}; 

config.target = webpackTargetElectronRenderer(config); 
module.exports = config; 

Webpack getta il seguente errore

ERROR in ./src/app/renderer/components/app/app.ts 
(1,22): error TS2307: Cannot find module 'electron'. 

Answer 1

risolto

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

Answer 2

Sei nuovo di TypeScript? L'hai installato? È possibile installarlo da:

npm install -g typescript 

vostre soluzioni è un soluzioni java script, che è un mod ok, se è quello che stai cercando, ma se si desidera utilizzare tipografico, allora si dovrebbe essere in grado di farlo lavorare usando "importa".

fare il tutorial in: https://www.npmjs.com/package/typescript

Inoltre, controllare: TS2307: Cannot find module 'angular2/core' while importing Angular2 on TypeScript

Answer 3

Prova ad aggiungere target: "electron-renderer" alla parte inferiore dell'oggetto module.exports nella vostra configurazione webpack. (il mio è stato creato tramite il CLI angolare)