title: Cannot find module angular/animations
body: <p>I am using webpack in angular2 and when I try to run my app I get an error stating</p>
  <blockquote>
  <p>Cannot find module &quot;@angular/animations&quot;</p>
  </blockquote>
  <p><strong>package.json</strong></p>
  <pre><code>{
    &quot;name&quot;: &quot;angular-quickstart&quot;,
    &quot;version&quot;: &quot;1.0.0&quot;,
    &quot;description&quot;: &quot;QuickStart package.json from the documentation, supplemented with testing support&quot;,
    &quot;scripts&quot;: {
      &quot;start&quot;: &quot;tsc &amp;&amp; concurrently \&quot;tsc -w\&quot; \&quot;lite-server\&quot; &quot;,
      &quot;e2e&quot;: &quot;tsc &amp;&amp; concurrently \&quot;http-server -s\&quot; \&quot;protractor protractor.config.js\&quot; --kill-others --success first&quot;,
      &quot;lint&quot;: &quot;tslint ./app/**/*.ts -t verbose&quot;,
      &quot;lite&quot;: &quot;lite-server&quot;,
      &quot;pree2e&quot;: &quot;webdriver-manager update&quot;,
      &quot;test&quot;: &quot;tsc &amp;&amp; concurrently \&quot;tsc -w\&quot; \&quot;karma start karma.conf.js\&quot;&quot;,
      &quot;test-once&quot;: &quot;tsc &amp;&amp; karma start karma.conf.js --single-run&quot;,
      &quot;tsc&quot;: &quot;tsc&quot;,
      &quot;tsc:w&quot;: &quot;tsc -w&quot;
    },
    &quot;keywords&quot;: [],
    &quot;author&quot;: &quot;&quot;,
    &quot;license&quot;: &quot;MIT&quot;,
    &quot;dependencies&quot;: {
      &quot;@angular/common&quot;: &quot;~2.4.0&quot;,
      &quot;@angular/compiler&quot;: &quot;~2.4.0&quot;,
      &quot;@angular/core&quot;: &quot;~2.4.0&quot;,
      &quot;@angular/forms&quot;: &quot;~2.4.0&quot;,
      &quot;@angular/http&quot;: &quot;~2.4.0&quot;,
      &quot;@angular/platform-browser&quot;: &quot;~2.4.0&quot;,
      &quot;@angular/platform-browser-dynamic&quot;: &quot;~2.4.0&quot;,
      &quot;@angular/router&quot;: &quot;~3.4.0&quot;,
      &quot;angular-in-memory-web-api&quot;: &quot;~0.2.4&quot;,
      &quot;core-js&quot;: &quot;^2.4.1&quot;,
      &quot;rxjs&quot;: &quot;5.0.1&quot;,
      &quot;systemjs&quot;: &quot;0.19.40&quot;,
      &quot;zone.js&quot;: &quot;^0.7.4&quot;
    },
    &quot;devDependencies&quot;: {
      &quot;awesome-typescript-loader&quot;: &quot;^3.1.2&quot;,
      &quot;canonical-path&quot;: &quot;0.0.2&quot;,
      &quot;concurrently&quot;: &quot;^3.1.0&quot;,
      &quot;html-webpack-plugin&quot;: &quot;^2.28.0&quot;,
      &quot;http-server&quot;: &quot;^0.9.0&quot;,
      &quot;karma&quot;: &quot;^1.3.0&quot;,
      &quot;karma-chrome-launcher&quot;: &quot;^2.0.0&quot;,
      &quot;karma-cli&quot;: &quot;^1.0.1&quot;,
      &quot;karma-jasmine-html-reporter&quot;: &quot;^0.2.2&quot;,
      &quot;lite-server&quot;: &quot;^2.2.2&quot;,
      &quot;lodash&quot;: &quot;^4.16.4&quot;,
      &quot;primeng&quot;: &quot;^4.0.0-rc.1&quot;,
      &quot;protractor&quot;: &quot;~4.0.14&quot;,
      &quot;reflect-metadata&quot;: &quot;^0.1.10&quot;,
      &quot;rimraf&quot;: &quot;^2.5.4&quot;,
      &quot;tslint&quot;: &quot;^3.15.1&quot;,
      &quot;typescript&quot;: &quot;~2.0.10&quot;,
      &quot;typings&quot;: &quot;^2.1.0&quot;,
      &quot;webpack&quot;: &quot;^2.2.1&quot;
    },
    &quot;repository&quot;: {},
    &quot;main&quot;: &quot;index.js&quot;
  }
  </code></pre>
  <p>My webpack.config.js file is</p>
  <pre><code>var htmlWebPack = require('html-webpack-plugin');
  
  module.exports = {
      entry: &quot;./app/main.ts&quot;,
      output: {
          path: 'dist',
          filename: &quot;bundle.js&quot;
      },
      module: {
          loaders: [
            {
                test: /\.tsx?$/,
                loader: 'awesome-typescript-loader'
            }
          ]
      },
      plugins: [
      new htmlWebPack({
          template: './index.html'
      })
      ]
  };
  </code></pre>
  <p>When I run the command like npm start, I get an error as mentioned above.</p>
  <p>I even tried to install angular-animate using this command</p>
  <blockquote>
  <p>npm install angular-animate</p>
  </blockquote>
  <p>This is the error message I get</p>
  <p><a href="https://i.stack.imgur.com/pPtXq.png" rel="noreferrer"><img src="https://i.stack.imgur.com/pPtXq.png" alt="enter image description here" /></a></p>
  <p>I also tried to uninstall angular-animate with the command</p>
  <blockquote>
  <p>npm uninstall angular-animate</p>
  </blockquote>
  <p>but it doesn't help me.</p>