VS Code 不理解我的 Angular 模板

Question

我不知道为什么，但这就是 VS Code 给我的东西

我的代码编译没有任何问题，所以它一定是与 VS Code 相关的。这个组件中的某些东西似乎在 VS Code 中搞砸了，因为其他组件没有任何问题。此外，该消息建议使用 CUSTOM_ELEMENT_SCHEMA，我在模块文件中定义了它。

我的 Angular 应用程序的结构非常基本，一个模块文件适用于所有内容，但该项目是 nx monorepo 的一部分。我安装了 Angular 语言服务插件，所以我不知道我在 VS Code 中看到这些错误的原因可能是什么。

Answer 1

我发现 https://material.angular.io/cdk/accordion/examples 上的示例令人困惑，因为它创建了一个新组件但使用基础 cdk-accordion 和 cdk-accordion-item.

从您的屏幕截图来看，您似乎也在使用基本组件。

没有关于您的代码的更多详细信息，我们只能盲目猜测您的问题。我创建了一个适用于 Stackblitz

的简单演示

https://stackblitz.com/edit/angular-ivy-bgkn9s?file=src%2Fapp%2Faccordion%2Faccordion.component.ts

关注

npm install @angular/cdk
app.modules.ts：进口，申报

如

import { NgModule } from '@angular/core';
import { BrowserModule } from '@angular/platform-browser';
import { FormsModule } from '@angular/forms';

import {CdkAccordionModule} from '@angular/cdk/accordion';

import { AppComponent } from './app.component';
import { HelloComponent } from './hello.component';
import { AccordionComponent } from './accordion/accordion.component';

@NgModule({
  imports:      [ BrowserModule, FormsModule, CdkAccordionModule ],
  declarations: [ AppComponent, HelloComponent, AccordionComponent ],
  bootstrap:    [ AppComponent ]
})
export class AppModule { }

Answer 2

我发现这是 Angular 语言服务扩展的问题。现在，如果您进入 settings 并取消选中该扩展的以下配置选项

它似乎又起作用了

我的回答受到 this post

的启发

VS Code 不理解我的 Angular 模板

VS Code doesn't understand my Angular templates

angular

visual-studio-code

nrwl-nx

nrwl