Error: [at-loader] .TS2304: Cannot find name 'Set'

I was building a MEAN project using AoT and I am getting this error, I tried to change many bootloader configurations. But nothing works

[at-loader] Checking finished with 40 errors
Error in bail mode: [at-loader] ./node_modules/@angular/common/src/directives/ng_class.d.ts:48:34
TS2304: Cannot find name 'Set'.

      

My ts.config

 {
  "compilerOptions": {
    "target": "es5",
    "module": "es2015",
    "moduleResolution": "node",
    "sourceMap": false,
    "emitDecoratorMetadata": true,
    "experimentalDecorators": true,
    "removeComments": false,
    "noImplicitAny": false,
    "outDir": "./public/js/app"
  },
  "typeRoots": [
    "node_modules/@types"
  ],
  "lib": [
    "es5",
    "dom"
  ],
  "types": [
    "hammerjs",
    "node"
  ],
  "angularCompilerOptions": {
    "skipMetadataEmit": true
  }
}

      

My general webpack.config

    var webpack = require('webpack');

    module.exports = {
        entry: {
            'app': './assets/app/main.ts'
        },

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

        module: {
            rules: [
                {
                    test: /\.html$/,
                    use: [{ loader: 'html-loader' }]
                },
                {
                    test: /\.css$/,
                    use: [{ loader: 'raw-loader' }]
                }
            ],
            exprContextCritical: false

        }
    };

      

aot webpack.config

    var path = require('path');

    var webpack = require('webpack');
    var webpackMerge = require('webpack-merge');
    var commonConfig = require('./webpack.config.common.js');

    module.exports = webpackMerge.smart(commonConfig, {
        entry: {
            'app': './assets/app/main.aot.ts'
        },

        output: {
            path: path.resolve(__dirname + '/public/js/app'),
            filename: 'bundle.js',
            publicPath: '/js/app/',
            chunkFilename: '[id].[hash].chunk.js'
        },

        module: {
            rules: [
                {
                    test: /\.ts$/,
                    use: [
                        'awesome-typescript-loader',
                        'angular2-template-loader',
                        'angular-router-loader?aot=true'
                    ]
                }
            ]
        },

        plugins: [
            new webpack.optimize.UglifyJsPlugin({
                sourceMap: false
            })
        ]
    });

      

+3


source to share





All Articles