title: Why do I get an Angular compile error in this simple component
body: <p>I have just "written" (copied structure not content) this little Angular 4 module:</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 { FooterComponent } from "./footer.component";
  
  @NgModule({
    declarations: [
      FooterComponent
    ],
    imports: [
      BrowserModule,
      FormsModule,
      HttpModule
    ],
    providers: [],
    bootstrap: [FooterComponent]
  })
  export class FooterModule { }
  </code></pre>
  
  <p>When I try an <code>angular build</code>, I get the following error:</p>
  
  <blockquote>
    <p>ERROR in C:/Projects/Angular 4/Angular4/src/footer.module.ts (7,1):
    'from' expected.</p>
  </blockquote>
  
  <p>To me, line 7, <code>import { FooterComponent } from "./footer.component";</code>, looks syntactically correct, and even has a <code>from</code>. If the <code>from</code> component is bad, I'd rather expect a runtime error.</p>