title: How to load angular2 using CDN and SystemJS
body: <p>In my index.html file i load angular 2 through cdn but it seems because i import the modules of angular 2 systemjs thinks that i must have them locally, how can i fix that?</p>
  
  <pre><code>&lt;html&gt;
  &lt;head&gt;
      &lt;base href="/"&gt;
      &lt;title&gt;Angular 2 Arc&lt;/title&gt;
      &lt;link rel="icon" type="image/x-icon" href="favicon.ico"&gt;
      &lt;meta name="viewport" content="width=device-width, initial-scale=1"&gt;
  &lt;/head&gt;
  
  &lt;body&gt;
    &lt;ng2-app&gt;Loading...&lt;/ng2-app&gt;
    &lt;!-- Load Angular 2 Core libraries --&gt;
    &lt;script src="https://cdnjs.cloudflare.com/ajax/libs/systemjs/0.19.24/system.js"&gt;&lt;/script&gt;
    &lt;script src="https://npmcdn.com/rxjs@5.0.0-beta.2/bundles/Rx.js"&gt;&lt;/script&gt;
    &lt;script src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/2.0.0-beta.9/angular2-polyfills.min.js"&gt;&lt;/script&gt;
    &lt;script src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/2.0.0-beta.9/angular2.min.js"&gt;&lt;/script&gt;
    &lt;script src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/2.0.0-beta.9/http.min.js"&gt;&lt;/script&gt;
    &lt;script src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/2.0.0-beta.9/router.min.js"&gt;&lt;/script&gt;
    &lt;script src="https://npmcdn.com/angular2@2.0.0-beta.9/es6/dev/src/testing/shims_for_IE.js"&gt;&lt;/script&gt;
    &lt;script src="https://cdnjs.cloudflare.com/ajax/libs/es6-shim/0.35.0/es6-shim.min.js"&gt;&lt;/script&gt;
    &lt;script src="https://cdnjs.cloudflare.com/ajax/libs/systemjs/0.19.20/system-polyfills.js"&gt;&lt;/script&gt;
    &lt;script src="https://code.angularjs.org/tools/system.js.map"&gt;&lt;/script&gt;
  
    &lt;!-- Load Bootstrap and Jquery --&gt;
    &lt;script src="lib/jquery/jquery.min.js" charset="utf-8"&gt;&lt;/script&gt;
    &lt;script src="lib/bootstrap/js/bootstrap.min.js" charset="utf-8"&gt;&lt;/script&gt;
    &lt;link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/github-fork-ribbon-css/0.2.0/gh-fork-ribbon.min.css" /&gt;
    &lt;link rel="stylesheet" href="/lib/bootstrap/css/bootstrap.min.css" media="screen" title="no title" charset="utf-8"&gt;
    &lt;link rel="stylesheet" href="assets/css/app.css"&gt;
    &lt;!-- Configure SystemJS --&gt;
    &lt;script&gt;
        System.config({
            defaultJSExtensions: true,
            packages: {
                boot: {
                    format: 'register',
                    defaultExtension: 'js'
                }
            }
        });
        System.import('js/boot')
                .then(null, console.error.bind(console));
    &lt;/script&gt;
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>