title: Angular2 RC5 error:zone.js: Unhandled Promise rejection: No provider for ElementRef
body: <p>I recently upgrade from RC4 to RC5, and didn't change any code, but the app is broken. Here is the error message:
  <a href="https://i.stack.imgur.com/MW5l2.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/MW5l2.png" alt="RC5 upgrade error"></a></p>
  
  <p>The error message seems came out when load the index.html file:</p>
  
  <pre><code>&lt;html&gt;
  &lt;head&gt;
      &lt;script&gt;
          var pjson = require('./package.json');
          document.title = pjson.name;
      &lt;/script&gt;
      &lt;meta name="viewport" content="width=device-width, initial-scale=1"&gt;
      &lt;link rel="stylesheet" href="./node_modules/font-awesome/css/font-awesome.min.css"&gt;
      &lt;link rel="stylesheet" href="./node_modules/bootstrap/dist/css/bootstrap.min.css"&gt;
      &lt;link rel="stylesheet" href="./css/global.css"&gt;
  
      &lt;!-- 1. Load libraries --&gt;
      &lt;!-- Polyfill(s) for older browsers --&gt;
      &lt;script src="node_modules/core-js/client/shim.min.js"&gt;&lt;/script&gt;
      &lt;script src="node_modules/zone.js/dist/zone.js"&gt;&lt;/script&gt;
      &lt;script src="node_modules/reflect-metadata/Reflect.js"&gt;&lt;/script&gt;
      &lt;script src="node_modules/systemjs/dist/system.src.js"&gt;&lt;/script&gt;
      &lt;!-- 2. Configure SystemJS --&gt;
      &lt;script src="systemjs.config.js"&gt;&lt;/script&gt;
      &lt;script&gt;
          System.import('app/main/bootstrap.js').catch(function(err){ console.error(err); });
      &lt;/script&gt;
      &lt;script&gt;
          var electron = require('electron');
      &lt;/script&gt;
  &lt;/head&gt;
  
  &lt;body&gt;
  &lt;app-cmp&gt;Loading...&lt;/app-cmp&gt;
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p><code>Update</code>: Use Angular-CLI now, no problem any more.</p>