Question

我刚刚写过＆＃34;＃34; （复制结构不含内容）这个小角度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）中的错误：＆＃39;从＆＃39;预期

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

Answer 1

输入以下内容：

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

然后将光标放在curlies中并按IDE中的Ctrl-Space。看它是否暗示FooterComponent。如果没有，问题出在footer.component.ts。

Answer 2

事实证明我没有为我的组件添加*.Module.ts。这使得import's以及各种各样的东西绊倒了。我在组件装饰器下面有一条红线的线索;徘徊在线上告诉我，我的模块不能在这里和那里使用。

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

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

2 个答案: