的WebPack找不到模塊「電子」

Question

我想基於this tutorial

看來，開發一個小電子angular2應用他們的一些誤差的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: [ 
     { 
     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引發以下錯誤

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

Answer 1

解決它

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

Answer 2

你是否是新來的TypeScript？你安裝了它嗎？您可以通過安裝它：

npm install -g typescript 

您的解決方案是一個Java腳本的解決方案，這是一個好的黑客如果這是你在找什麼，但如果你想使用打字稿，那麼你應該能夠使它使用「導入」工作。

執行教程： https://www.npmjs.com/package/typescript

此外，檢查： TS2307: Cannot find module 'angular2/core' while importing Angular2 on TypeScript

Answer 3

嘗試增加target: "electron-renderer"到module.exports對象在你的WebPack配置的底部。 （我的是通過ng eject通過Angular CLI創建的）