我使用的是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>
当前回答
对我来说，解决问题的方法是对我的项目做一个git克隆并运行(像往常一样):
npm install
其他回答
自定义模块需要通用模块
import { CommonModule } from "@angular/common";
@NgModule({
imports: [
CommonModule
]
})
对于Angular 10:
将BrowserModule添加到routes模块的导入中。 确保你在app模块声明中添加了不工作的组件。
如果不执行第2步，将触发此错误!
请务必重新启动ng服务!!
在我的例子中，这个组件没有在app.module.ts中列出。
你必须在使用ngFor、ngIf等内置指令的模块中导入CommonModule。
import { CommonModule } from '@angular/common'
@NgModule({
imports: [
CommonModule
]
})
export class ProductModule { }
app.module.ts修复并更改为:在app模块中导入BrowserModule
import { BrowserModule } from '@angular/platform-browser';
@NgModule({
declarations: [
AppComponent
],
imports: [
BrowserModule,
],
providers: [],
bootstrap: [AppComponent]
})
