Why do I get an Angular compile error in this simple component

Question

I have just "written" (copied structure not content) this little Angular 4 module:

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 { }

When I try an angular build, I get the following error:

ERROR in C:/Projects/Angular 4/Angular4/src/footer.module.ts (7,1): 'from' expected.

To me, line 7, import { FooterComponent } from "./footer.component";, looks syntactically correct, and even has a from. If the from component is bad, I'd rather expect a runtime error.

Did you try deleting and rewriting (not copy past) this line and the lines before? — Guy
– Guy, Commented Jul 9, 2017 at 5:39

Yakov Fain · Accepted Answer · 2017-07-09 12:12:36Z

1

Type the following:

import { } from "./footer.component";

Then place the cursor inside the curlies and hit Ctrl-Space in your IDE. See if it suggests FooterComponent. If not, the issue is in the footer.component.ts.

answered Jul 9, 2017 at 12:12

Yakov Fain

12.4k5 gold badges35 silver badges40 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

ProfK · Accepted Answer · 2017-07-10 05:29:54Z

1

It turns out I didn't include a *.Module.ts for my Components. That was tripping up the import's and all sorts of things. I got a clue with a red line under my component decorators; hovering over the line told me my module could not be used here and there.

Adding Module files solved the problem.

answered Jul 10, 2017 at 5:29

ProfK

51.4k127 gold badges419 silver badges809 bronze badges

Collectives™ on Stack Overflow

Why do I get an Angular compile error in this simple component

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related