更新到 Angular 13 后出现属性绑定错误

Question

我收到这个错误

属性绑定 ngIf 未被嵌入模板上的任何指令使用。确保属性名称拼写正确并且所有指令都列在“@NgModule.declarations”中

即使你在我跑步时也能正常工作ng serve。

当我将 Angular 更新为v13.

我已经尝试重新启动Vscode并重新安装Angular Language Service并安装以前版本的Angular Language Service ...它们都不起作用..

我的app.module.ts：

import { CommonModule } from '@angular/common';
import { NgModule } from '@angular/core';
import { BrowserModule } from '@angular/platform-browser';

import { AppRoutingModule } from './app-routing.module';
import { AppComponent } from './app.component';

@NgModule({
  declarations: [AppComponent],
  imports: [CommonModule, BrowserModule, AppRoutingModule],
  providers: [],
  bootstrap: [AppComponent],
  exports: [CommonModule, BrowserModule],
})
export class AppModule {}

Answer 1

从Github来看，禁用Use legacy View Engine language service可以解决问题。

进入Angular Language Service的扩展设置并取消选中Use legacy View Engine language service。