发生同样的问题：无法绑定到 'ngIf'，因为它不是 'div' 的已知属性

Question

你好所以我正在使用 Angular 13，而运行 "ng serve" 我的 vscode 显示这些错误： [问题1][1]

还有版主，在您继续将其标记为重复之前，请停止！！这不是。 [不重复][2]

我已经尝试过提到的解决方案：

在根模块中添加“BrowserModule”并在子模块中添加“CommonModule”。（我只有 1 个模块并且提到了 BrowserModule）
确保您使用的是“ngIf”而不是“ngif”。（嗯，我不是）

以下是我的项目的样子： [项目结构][3]

请问有人知道如何解决这个问题吗？ [1]: https://i.stack.imgur.com/z2zqR.jpg [2]: https://i.stack.imgur.com/5mWSH.jpg [3]: https://i.stack.imgur.com/44W9p.png

Answer 1

经过一番挖掘和试错，我终于解决了这个问题。所以发布这个解决方案以防其他人遇到类似情况。

所以搜索所有报告的“问题”，看看你是否收到这样的错误消息。

Can’t resolve all parameters for SomeComponent: [object Object], (?)

你会注意到，如果你的 "Can't bind to 'ngIf' since it isn't a known 属性 of" 错误不是由我尝试过的前面提到的解决方案解决，那么这些错误必须仅在上述 SomeComponent's html 模板的 html 文件中报告，如果是这种情况，请保留在阅读上。

SomeComponent 的 ts 文件应该使用注入的用户定义服务，如下所示：

export class SomeComponent
{
    constructor(private _DataService : DataService)
    {

在那种情况下，打开你的 DataService.ts 并确保它的主体看起来像这样：

@Injectable({
    providedIn: 'root',
})
export class DataService
{

以上部分 {providedIn: 'root',} 需要存在，您 app.module.ts 应该如下所示：

@NgModule({
    declarations: [
        AppComponent,
        SomeComponent
    ],
    imports: [
        BrowserModule
    ],
    entryComponents: [
        SomeComponent
    ],
    providers: [],
    bootstrap: [AppComponent]
})
export class AppModule { }

以上部分 提供商：[] 应该相同，以防您仅使用用户定义的服务。

您可能已经注意到，当您将旧的 Angular 项目迁移到新的 Angular 版本时，我们将面临这样的问题。

PS: 如果你的 animate.css 动画不工作你还需要解决 this.

发生同样的问题：无法绑定到 'ngIf'，因为它不是 'div' 的已知属性

Same Issue occured : Can't bind to 'ngIf' since it isn't a known property of 'div'

angular-directive

angular

发生同样的问题：无法绑定到 'ngIf'，因为它不是 'div' 的已知 属性

Same Issue occured : Can't bind to 'ngIf' since it isn't a known property of 'div'

angular-directive

angular

发生同样的问题：无法绑定到 'ngIf'，因为它不是 'div' 的已知属性