Проблема с компилятором WebPack и угловым 6

Question

Я использую webpack с angular 6, поэтому создал свой собственный файл webpack, но проблема не в том, чтобы сделать это с aot, я также реализовал lazyloading в своем коде.Я проверил учебник, и все они упоминают шаги, которые я сделал, но все еще не могу его реализовать

package-json - {

     "scripts": {

    "webpack-build": "webpack --mode production  --config ./webpack.config.js",

    "watch": "webpack --mode development --watch --port 4200 --host 0.0.0.0  --disable-host-check  ",

    "start:dev": "webpack-dev-server --mode development  --inline --progress --colors --proxy-config proxy.conf.json --port 4200 --host 0.0.0.0  --disable-host-check  --watch --config ./webpack.config.js"

}

мой файл веб-пакета -

 "use strict";

 const {resolve} = require('path');

 const rxPaths = require('rxjs/_esm5/path-mapping');
 ...
 const {AngularCompilerPlugin}  = require('@ngtools/webpack');
 module.exports =  {

mode: 'development',
devtool: "eval-source-map" ,

entry: {
  main: './src/main.ts',
  polyfills: './src/polyfills.ts',
},

output: {
  path: resolve('./dist'),
  filename: '[name].js',
  crossOriginLoading: false
},

resolve: {
  extensions: ['.ts', '.js'],
  alias: rxPaths()
},

node: false,

performance: {
  hints: 'warning',
},

module: {
  rules: [
    {
      test: /(?:\.ngfactory\.js|\.ngstyle\.js|\.ts)$/,
      use: '@ngtools/webpack'
    },
    {
      test: /\.js$/,
      loader: '@angular-devkit/build-optimizer/webpack-loader',
      options: {sourceMap: true}
    },
    {
      test: /\.js$/,
      exclude: /(ngfactory|ngstyle).js$/,
      enforce: 'pre',
      use: 'source-map-loader'
    },

    // This hides some deprecation warnings that Webpack throws
    {
      test: /[\/\\]@angular[\/\\]core[\/\\].+\.js$/,
      parser: {system: true},
    }
  ]
},


plugins: [
  new AngularCompilerPlugin({
    mainPath: resolve('./src/main.ts'),
    tsConfigPath: resolve('./src/tsconfig.app.json'),
    entryModule: resolve('./src/app/app.module#AppModule'),
    platform: 0,
    sourceMap: true,
    nameLazyFiles: false,
    skipCodeGeneration: true,
    hostReplacementPaths: {
      [resolve('src/environments/environment.ts')]: resolve('src/environments/environment.prod.ts')
    }
  }),
],
devServer: {
  "historyApiFallback": true
}
};

Но когда я запускаю npm run start:dev,Я получаю эту ошибку:

Uncaught Error: Unexpected value 'BrowserAnimationsModule' imported 
bythe .    module 'AppModule'. Please add a @NgModule annotation.
at syntaxError (util.ts?51ce:100)
at eval (metadata_resolver.ts?94bc:555)
at Array.forEach (<anonymous>)
at CompileMetadataResolver.getNgModuleMetadata
(metadata_resolver.ts?94bc:524)
at JitCompiler._loadModules (compiler.ts?89b5:127)
at JitCompiler._compileModuleAndComponents (compiler.ts?89b5:107)
at JitCompiler.compileModuleAsync (compiler.ts?89b5:61)
at CompilerImpl.compileModuleAsync (compiler_factory.ts?a7a0:57)
at PlatformRef.bootstrapModule (application_ref.ts?cc36:274)
at eval (main.ts?cd49:10)

Ошибка показывает, что Jit-компилятор работает и не может найти, что не так