title: Unhandled Promise rejection: No provider for HTTPService
body: <p>I am migrating my app to the latest RC and am getting some errors that I cannot fix. Before deciding to ask here I made a thorough search but without any luck. </p>
  
  <p>So, when pressing a button the following should load: </p>
  
  <p>Here is the <strong>component</strong>:</p>
  
  <pre><code>import { Component,OnInit } from '@angular/core';
  
  import { HTTPService } from '../shared/api.service';
  import { Server } from './server.model';
  import { SharedService } from '../shared/moveData.service';
  
  
  @Component({
      templateUrl: './mainserverpage.template.html',
  })
  export class MainServerPage implements OnInit {
  
      constructor(private _httpService: HTTPService, 
                  private _moveData: SharedService) { }
  
      errorMessage: string;
      public servers: Server[];
      isLoading = true;
      tillLoading;
      selectedServer: Server;
      currentServer;
      isServerOnline=false;
  
      ngOnInit() {
            this.getServers('qa');
      }
  
      reloadServers(env) {
          this.servers = null;
  
          this.getServers(env);
      }
  
      getServers(env?) {
          this._httpService.getServers(env)
              .subscribe(
              value =&gt; {
                  this.servers = value;
                  this.isLoading = false;
              },
              error =&gt; this.errorMessage = &lt;any&gt;error);
      }
  }
  </code></pre>
  
  <p>The <strong>module</strong> is pretty basic:</p>
  
  <pre><code>import { NgModule }            from '@angular/core';
  import { CommonModule }        from '@angular/common';
  import { HttpModule }          from '@angular/http';
  
  import { SharedModule }        from '../shared/shared.module';
  
  import { MainServerPage }      from './mainserverpage.component';
  import { Server }         from './server.model';
  import {HTTPService} from '../shared/api.service';
  
  @NgModule({
      imports: [
          CommonModule,
          SharedModule,
          HttpModule,
      ],
      declarations: [
          MainServerPage
      ],
      exports: [
          MainServerPage
      ],
      providers: [
          HTTPService
      ]
  })
  export class MainserverpageModule {
  }
  </code></pre>
  
  <p>The <strong>routing</strong>:</p>
  
  <pre><code>import { RouterModule  }     from '@angular/router';
  
  import { MainServerPage }    from './mainserverpage.component';
  
  
  export const mainRouting = RouterModule.forChild([
      { path: 'mainserverpage', component: MainServerPage }
  ]);
  </code></pre>
  
  <p>And finally the <strong>app.module</strong> that I am using. I see no sense in adding the template.</p>
  
  <pre><code>import { BrowserModule } from '@angular/platform-browser';
  import { NgModule } from '@angular/core';
  import { FormsModule } from '@angular/forms';
  import { HttpModule } from '@angular/http';
  
  import { AppComponent } from './app.component';
  import { SharedModule } from '../app/shared/shared.module';
  import { MainserverpageModule } from '../app/servers/mainserverpage.module';
  
  import { HomeComponent }     from './home.component';
  import { NavBarComponent }   from './navbar.component';
  import { NotFoundComponent } from '../app/shared/notfound.component';
  import { MainServerPage } from '../app/servers/mainserverpage.component';
  
  import { routing }           from './app.routing';
  import { mainRouting } from '../app/servers/mainserverpage.routing';
  
  @NgModule({
    declarations: [
      AppComponent,
      NavBarComponent,
      HomeComponent,
      NotFoundComponent,
      MainServerPage
    ],
    imports: [
      BrowserModule,
      FormsModule,
        HttpModule,
      SharedModule,
      routing,
      mainRouting
    ],
    providers: [],
    bootstrap: [AppComponent]
  })
  export class AppModule { }
  </code></pre>
  
  <p>Here is the error that I am receiving when I am trying to load this:</p>
  
  <blockquote>
    <p>zone.js:420 Unhandled Promise rejection: No provider for HTTPService!
    ; Zone: angular ; Task: Promise.then ; Value: NoProviderError
    {__zone_symbol__error: Error: DI Error
        at NoProviderError.ZoneAwareError (<a href="http://localhost:4200/vendor.bundle.js:87143" rel="nofollow noreferrer">http://localhost:4200/vendor.bundle.js:87143</a>:…, _nativeError:
    ZoneAwareError, keys: Array[1], injectors: Array[1],
    __zone_symbol__message: "No provider for HTTPService!"…}__zone_symbol__error: Error: DI Error
        at NoProviderError.ZoneAwareError</p>
  </blockquote>
  
  <p>Could be something simple for you but from here I can't see the problem. 
  Thank you.</p>