Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/typescript/9.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/4/webpack/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Typescript 网页包找不到模块';电子';_Typescript_Webpack_Angular_Electron - Fatal编程技术网

Typescript 网页包找不到模块';电子';

Typescript 网页包找不到模块';电子';,typescript,webpack,angular,electron,Typescript,Webpack,Angular,Electron,我正试图开发一个小的电子angular2应用程序的基础上 看起来他们的Web包绑定有一些错误,因为我无法在渲染器组件中要求/导入electron remote 在我的AppComponent中,我执行以下操作 import {remote} from 'electron'; 我的网页包配置 var path = require('path'); var webpack = require('webpack'); var CommonsChunkPlugin = webpack.optimize

我正试图开发一个小的电子angular2应用程序的基础上

看起来他们的Web包绑定有一些错误,因为我无法在渲染器组件中要求/导入electron remote

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

import {remote} from 'electron';
我的网页包配置

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'.
解决了

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

你是打字新手吗?你安装了吗?您可以通过以下方式安装它:

npm install -g typescript
您的解决方案是java脚本解决方案,如果您正在寻找,这是一个ok hack,但是如果您想使用TypeScript,那么您应该能够使用“导入”使其工作

在以下位置执行教程:

此外,请检查:

尝试将
目标:“electron renderer”
添加到
模块的底部。导出网页包配置中的
对象。(我的是通过Angular CLI通过
ng eject
创建的)

只是想指出,当一个人在使用
var app=require('app')时切换回使用旧版本的electron(例如,支持serialport electron的v0.30.6),也会发生此错误等,而不是
const electron=require('electron')--看,我不为我工作。。。我在意外标记附近出现
语法错误(
var electron=require('./')
…有什么想法吗?(我正在使用基于网页包的最新CLI的angular2)这对我不起作用。仍然出现
未捕获错误:找不到模块“electron”