我正在使用 Angular2 的 2.1.0 版本。当我想要显示公司列表时，出现了以下错误。
在 file.component.ts 文件中：
public companies: any[] = [
{ "id": 0, "name": "Available" },
{ "id": 1, "name": "Ready" },
{ "id": 2, "name": "Started" }
];
在 file.component.html 中：
<tbody>
<tr *ngFor="let item of companies; let i =index">
<td>{{i}}</td>
<td>{{item.name}}</td>
</tr>
</tbody>
如果是根模块(AppModule)，则在@NgModule()中的imports: []添加BrowserModule，否则添加CommonModule。
// older Angular versions
// import {BrowserModule, CommonModule} from '@angular/common';
import { BrowserModule } from '@angular/platform-browser'
..
..
@NgModule({
imports: [BrowserModule, /* or CommonModule */],
..
})
BrowserModule 是 @angular/platform-browser 的一部分。因此，您必须这样导入：import { BrowserModule } from '@angular/platform-browser'。 - Ramin ArCommonModule，并且它给了我同样的错误。感谢@Günter，这帮助我缩小了范围并找到了真正的问题。希望这些额外的信息能帮助某些人，我花了几个小时来寻找问题，呃。 - brayden Prestwich在我的情况下，问题是我的队友在模板中提到了*ngfor而不是*ngFor。奇怪的是，在处理此问题时没有正确的错误提示（在Angular 4中）。
*ngFor="let diagram if diagrams"，注意到了 if。一个“解析错误”的提示信息会更好... - klenium*ngFor="lang in languages" 时遇到了错误，而 Angular 8 却期望使用 *ngFor="let lang of languages"。我认为这个错误信息非常误导人 :/ - Jonathan Pauw在使用内置指令（例如ngFor、ngIf等）的模块中，您必须导入CommonModule。
import { CommonModule } from '@angular/common'
@NgModule({
imports: [
CommonModule
]
})
export class ProductModule { }
可能存在任何原因:
module 在 imports[] 中没有引入 CommonModule。*ngFor 或 *ngIf 的组件不属于任何一个 module。*ngFor 中打错了字，如 **ngFor 或 *ngfor 等。ng serve，或者重启你的IDE，如 VS Code、IntelliJ 等。我的问题是我没有在app.module.ts中导入自定义模块HouseModule，但我已经导入了其他模块。
文件：app.module.ts
import { HouseModule } from './Modules/house/house.module';
@NgModule({
imports: [
HouseModule
]
})
如果您的特性模块中未声明路由组件，也可能会发生这种情况。例如：
feature.routing.module.ts:
...
{
path: '',
component: ViewComponent,
}
...
feature.module.ts：
imports: [ FeatureRoutingModule ],
declarations: [],
请注意，ViewComponent并不在declarations数组中，但它应该在其中。
我收到了这个错误，因为我使用的组件没有在模块的declarations: []部分中注册。
添加了该组件后，错误消失了。我希望能有比这个错误信息更明确指示实际问题的方法。
需要记住的事情：
当使用自定义模块（除了AppModule之外的模块）时，需要在其中导入公共模块。
yourmodule.module.ts
import { CommonModule } from '@angular/common';
@NgModule({
imports: [
CommonModule
],
exports:[ ],
declarations: []
})
我遇到了相同的错误，你可以通过以下方法之一修复：
如果你没有任何嵌套模块
a. 在你的App模块中导入CommonModule
b. 在App模块中导入你添加了*ngFor的组件，在declarations中定义
// file App.modules.ts
@NgModule({
declarations: [
LoginComponent // declarations of your component
],
imports: [
BrowserModule
DemoMaterialModule,
FormsModule,
HttpClientModule,
ReactiveFormsModule,
AppRoutingModule,
BrowserAnimationsModule,
ServiceWorkerModule.register('ngsw-worker.js', { enabled: environment.production })
],
providers: [
ApiService,
CookieService,
{
provide: HTTP_INTERCEPTORS,
useClass: ApiInterceptor,
multi: true
}
],
bootstrap: [AppComponent]
})
c. 如果您正在使用单独的路由模块文件，则应在路由模块中导入 CommonModule，否则应在 App module 中导入 CommonModule。
// file app.routing.modules.ts
import { LoginComponent } from './login/login.component';
import { CommonModule } from "@angular/common";
const routes: Routes = [
{ path: '', component: LoginComponent },
{ path: 'login', component: LoginComponent }
];
@NgModule({
imports: [RouterModule,RouterModule.forRoot(routes), CommonModule],
exports: [RouterModule]
})
在我的情况下，第二个方法解决了我的问题。
希望这可以帮助您。
未来的读者
请检查以下内容：
import { CommonModule } from '@angular/common';。ng serve）。
ngFor。 - Piotr Kula