CODEWITHSUNDEEP
angulartypescriptwebpack
ahmadabdullah247
ahmadabdullah247

Reputation: 341

Angular 2 with webpack (Cannot read property 'exclude' of undefined)

I am following a course from angularclass.com. Following the instruction when I try to run my project I get following error. Can someone help me understand what this error indicate and how to solve it?

enter image description here

Webconfig file :

var path = require('path');
var webpack = require('webpack');

var config = {
  cache: true,
  devtool: 'source-map',
  entry: {
    polyfills: './src/polyfills',
    vendor:    './src/vendor',
    main:      './src/main'
  },

  output: {
    path: path.join(__dirname, 'dist'),
    filename: '[name].bundle.js',
    sourceMapFilename: '[name].map',
    chunkFilename: '[id].chunk.js'
  },
  module: {
    loaders: [
      { test: /\.ts$/,   loader: 'awesome-typescript-loader' },
      { test: /\.json$/, loader: 'json-loader' },
      { test: /\.html/,  loader: 'raw-loader' },
      { test: /\.css$/,  loader: 'to-string-loader!css-loader' },
    ]
  },

  plugins: [
    new webpack.optimize.CommonsChunkPlugin({ name: ['polyfills', 'vendor', 'main'].reverse(), minChunks: Infinity }),
  ],

  resolve: {
    extensions: ['', '.ts', '.js', '.json']
  },

  devServer: {
    historyApiFallback: true,
    watchOptions: { aggregateTimeout: 300, poll: 1000 }
  },

  node: {
    global: true,
    process: true,
    Buffer: false,
    crypto: 'empty',
    module: false,
    clearImmediate: false,
    setImmediate: false,
    clearTimeout: true,
    setTimeout: true
  }
};
module.exports = config;

Upvotes: 1

Views: 1133

Answers (1)

ahmadabdullah247
ahmadabdullah247

Reputation: 341

You have to install awesome-typescript-loader explicitly after npm install.

Upvotes: 1

Related Questions