title: Angular 2 HTTP "Cannot resolve all parameters for 'AppService'"
body: <p>I tried to import the http provider into a service, but I'm getting the following error:</p>
  
  <blockquote>
    <p>Cannot resolve all parameters for 'AppService'(?). Make sure that all the parameters are decorated with Inject or have valid type annotations and that 'AppService' is decorated with Injectable.</p>
  </blockquote>
  
  <p>Here are some code snippets:</p>
  
  <pre><code>&lt;script src="~/es6-shim/es6-shim.min.js"&gt;&lt;/script&gt;
  &lt;script src="~/systemjs/dist/system-polyfills.js"&gt;&lt;/script&gt;
  
  &lt;script src="~/angular2/bundles/angular2-polyfills.js"&gt;&lt;/script&gt;
  &lt;script src="~/systemjs/dist/system.src.js"&gt;&lt;/script&gt;
  &lt;script src="~/rxjs/bundles/Rx.js"&gt;&lt;/script&gt;
  &lt;script src="~/angular2/bundles/angular2.dev.js"&gt;&lt;/script&gt;
  &lt;script src="~/angular2/bundles/http.dev.js"&gt;&lt;/script&gt;
  
  &lt;!-- 2. Configure SystemJS --&gt;
  &lt;script&gt;
      System.config({
          map: { 'rxjs': 'RCO/rxjs' },
          packages: {
              RCO: {
                  format: 'register',
                  defaultExtension: 'js'
              },
              'rxjs': {defaultExtension: 'js'}
          }
      });
    System.import('RCO/Areas/ViewOrganization/AngularTemplates/boot')
        .then(null, console.error.bind(console));
  </code></pre>
  
  <p>boot.ts</p>
  
  <pre><code>import {bootstrap} from 'angular2/platform/browser'
  import {HTTP_PROVIDERS} from 'angular2/http'
  import 'rxjs/add/operator/map'
  import {AppComponent} from  'RCO/Areas/ViewOrganization/AngularTemplates/app.component'
  import {AppService} from 'RCO/Areas/ViewOrganization/AngularTemplates/app.service'
  
  bootstrap(AppComponent, [HTTP_PROVIDERS, AppService]);
  </code></pre>
  
  <p>app.service.ts</p>
  
  <pre><code>import {Injectable} from 'angular2/core';
  import {Http, Response} from 'angular2/http';
  import {Observable} from 'rxjs/Rx';
  
  @Injectable()
  export class AppService {
  
      constructor(private http: Http) { }
  
      // Uses http.get() to load a single JSON file
      getTableData() {
          return this.http.get('...').map((res: Response) =&gt; res.json());
      }
  
  }
  </code></pre>
  
  <p>I'm trying to call a controller on the server to eventually load a JSON file into a data table. Pretty straightforward stuff, but the way I'm loading the Http modules seems to be wrong. Any help will be much appreciated.</p>