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

क्या आप टाइपस्क्रिप्ट के लिए नए हैं? क्या आपने इसे स्थापित किया था? आप से इसे स्थापित कर सकते हैं:

npm install -g typescript 

आपका समाधान

एक जावा स्क्रिप्ट समाधान है, जो एक ठीक हैक है अगर है कि आप के लिए क्या देख रहे है, लेकिन आप टाइपप्रति उपयोग करना चाहते हैं, तो आप इसे बनाने के लिए सक्षम होना चाहिए 'आयात' का उपयोग कर काम करें।

में ट्यूटोरियल कार्य करें: https://www.npmjs.com/package/typescript

साथ ही, जांच: TS2307: Cannot find module 'angular2/core' while importing Angular2 on TypeScript

Answer 3

अपने webpack config में module.exports वस्तु की तह तक target: "electron-renderer" जोड़ने का प्रयास करें। (मेरा कोणीय सीएलआई के माध्यम से ng eject के माध्यम से बनाया गया था)