title: The selector "ng-component" did not match any elements error
body: <p><strong>Error:</strong></p>
  
  <pre><code>EXCEPTION: Error in :0:0 caused by: The selector "ng-component" did not match any elements
  </code></pre>
  
  <p>App works fine while running with systemjs directly.
  When i tried to build <strong>globals.bundle.js</strong> and <strong>app.bundle.js</strong> using webpack and deploy i get this error.</p>
  
  <p>All files and dependency is loaded fine.</p>
  
  <p>Here is my HTML</p>
  
  <pre><code>&lt;%@ taglib prefix="spring" uri="http://www.springframework.org/tags"%&gt;
  &lt;%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%&gt;
  &lt;!DOCTYPE html&gt;
  &lt;html lang="en"&gt;
  &lt;head&gt;
  &lt;title&gt;Maven + Spring MVC&lt;/title&gt;
      &lt;base href="/survey-web/"&gt;
  &lt;spring:url value="/resources/core/css/hello.css" var="coreCss" /&gt;
  &lt;spring:url value="/resources/core/css/bootstrap.min.css" var="bootstrapCss" /&gt;
  &lt;link href="${bootstrapCss}" rel="stylesheet" /&gt;
  &lt;link href="${coreCss}" rel="stylesheet" /&gt;
  &lt;%--&lt;script src="resources/node_modules/zone.js/dist/zone.min.js"&gt;&lt;/script&gt;
  &lt;script src="resources/node_modules/reflect-metadata/Reflect.js"&gt;&lt;/script&gt;
  &lt;script src="resources/js/system.src.js"&gt;&lt;/script&gt;
  &lt;script src="resources/systemjs.config.js"&gt;&lt;/script&gt;--%&gt;
      &lt;script src="resources/dist/globals.bundle.js"&gt;&lt;/script&gt;
      &lt;script src="resources/dist/app.bundle.js"&gt;&lt;/script&gt;
  
  &lt;script&gt;
      //System.import('app').catch(function(err){ console.error(err); });
  &lt;/script&gt;
  &lt;/head&gt;
  &lt;body&gt;
  &lt;router-outlet&gt;&lt;/router-outlet&gt;
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p><strong>Webpack config</strong></p>
  
  <pre><code>module.exports = {
  entry: {
      globals: [
          'zone.js',
          'reflect-metadata'
      ],
      app: './app/main.ts',
  },
  module: {
      loaders: [
          {test: /.ts$/, loader: 'awesome-typescript-loader'},
      ]
  },
  output: {
      filename: '[name].bundle.js',
      path: './dist'
  }
  };
  </code></pre>
  
  <p><strong>Plunkr</strong></p>
  
  <p><a href="https://plnkr.co/edit/AfYGsdHpIVnVnuF7BCUJ?p=preview" rel="noreferrer">https://plnkr.co/edit/AfYGsdHpIVnVnuF7BCUJ?p=preview</a>
  Though it happens only in webpack build in my local environment, i can reproduce this through plnkr</p>