title: RxJS root directory Not Found by SystemJS
body: <p>SystemJS appears to load rxjs modules without an issue but throws a 404 Not Found on the rxjs directory itself. All modules are the latest version and this only appears to be an issue on Windows, it works on osx. </p>
  
  <p><strong>GET <a href="http://localhost:8080/node_modules/rxjs/" rel="noreferrer">http://localhost:8080/node_modules/rxjs/</a> 404 (Not Found)</strong></p>
  
  <p><strong>Error: Error: XHR error (404 Not Found)</strong>
  XHR finished loading: GET " localhost:8080/node_modules/rxjs/Subject.js".</p>
  
  <p>XHR finished loading: GET "localhost:8080/node_modules/rxjs/operator/toPromise.js".</p>
  
  <p><a href="http://i.stack.imgur.com/QNgDa.png" rel="noreferrer">Module loads &amp; Error </a></p>
  
  <p><div class="snippet" data-lang="js" data-hide="false">
  <div class="snippet-code">
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;script&gt;
      System.config({
          packages: {
              app: {
                  format: 'register',
                  defaultExtension: 'js',
  
              },
              'components':{ format: 'register' },
              'rxjs': {defaultExtension: 'js'}
          },
          map: {'app': '/components',
              'rxjs': '../node_modules/rxjs',
              },
  
  
      });
      System.import('components/notes.js')
              .then(null, console.error.bind(console));
  &lt;/script&gt;</code></pre>
  </div>
  </div>
  </p>
  
  <pre><code>+-- angular2@2.0.0-beta.9
  +-- bootstrap@3.3.6
  +-- es6-promise@3.0.2
  +-- es6-shim@0.33.3
  +-- jquery@2.2.1
  +-- reflect-metadata@0.1.2
  +-- rxjs@5.0.0-beta.2
  +-- systemjs@0.19.24
  | +-- es6-module-loader@0.17.11
  | `-- when@3.7.7
  +-- typescript@1.8.7
  `-- zone.js@0.5.15
    `-- es6-promise@3.1.2
  </code></pre>
  
  <p>I fixed this, it seems the way I was importing rxjs in my .ts was deprecated:</p>
  
  <p>changed from</p>
  
  <p><code>import {Subject, Observable} from 'rxjs';</code></p>
  
  <p>to:</p>
  
  <p><code>
      import { Observable } from 'rxjs/Observable';
      import { Subject } from 'rxjs/Subject';
      import { map } from 'rxjs/operator/map';
  </code></p>