为什么我在这个简单的组件中得到一个 Angular 编译错误

Question

我刚刚"编写"了这个小 Angular 4 模块(复制结构而不是内容(：

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

当我尝试angular build时，出现以下错误：

C：/Projects/Angular 4/Angular4/src/footer.module.ts (7,1( 中的错误： "从"预期。

对我来说，第 7 行import { FooterComponent } from "./footer.component";看起来语法正确，甚至有一个from。如果from组件不好，我宁愿期待运行时错误。

Answer 1

键入以下内容：

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

然后将光标放在卷曲内，并在 IDE 中按 Ctrl-空格键。看看它是否建议页脚组件。如果没有，则问题出在页脚.component.ts中。

Answer 2

事实证明我没有为我的组件包含*.Module.ts。这绊倒了import's和各种各样的事情。我得到了一个线索，在我的组件装饰器下面有一条红线;悬停在线路上告诉我我的模块不能在这里和那里使用。

添加模块文件解决了这个问题。