VSCode中Angular Language Service无法识别CDK/Material标签报错问题
解决方案
- 确认Angular Language Service的Ivy模式开启
打开VSCode设置,搜索angular.enableIvy,确保该选项已勾选。关闭旧版实验性Ivy相关的冗余配置,避免冲突。 - 检查项目tsconfig配置
确认项目根目录tsconfig.json中的Angular编译配置已启用Ivy:{ "angularCompilerOptions": { "enableIvy": true, "strictTemplates": true } } - 重启语言服务/VSCode窗口
按下快捷键Ctrl+Shift+P(Mac端为Cmd+Shift+P),执行Angular: Restart Angular Language Service命令,或直接执行Developer: Reload Window重载窗口,清除插件缓存。 - 核对模块引入范围
- 若使用Angular14+的独立组件,需在使用CDK/Material组件的独立组件的
imports数组中引入对应模块,仅在AppModule引入无效。 - 若使用NgModule模块化项目,需确认编写HTML的组件所属的NgModule已导入对应CDK/Material模块,若为子模块,可通过共享模块统一导入导出公共组件模块。
- 若使用Angular14+的独立组件,需在使用CDK/Material组件的独立组件的
- 核对版本兼容性
若项目Angular版本低于14,回退Angular Language Service插件到对应匹配的旧版本即可,最新版插件仅适配高版本Angular。
内容的提问来源于stack exchange,提问作者imationyj
相关产品推荐
相关产品推荐

