使用ngfo时出现问题，错误:使用的属性ngfor Angular 14上没有匹配的指令

Question

<tbody>
<tr *ngFor="let employee of employees">
<td>{{ employee.firstName }}</td>
<td>{{ employee.lastName }}</td>
<td>{{ employee.emailId }}</td>
</tr>
</tbody>

im使用ngfor，但出现错误，如属性ngfor 上没有匹配指令

Answer 1

请在自定义模块中导入CommonModule。之后将其包含在导入数组中。

import {CommonModule} from '@angular/common';
imports: [
CommonModule
]

Answer 2

如果使用v14独立组件，则需要将CommonModule导入模块或组件。分享一个stackblitz错误示例，以便更好地理解。

Answer 3

我发现了问题。导入CommonModule后如果导入后不起作用，请检查CORS策略。允许访问访问控制允许来源。

Access-Control-Allow-Origin: *
Access-Control-Allow-Origin: http://example.com:8080