WebStorm中如何为HTML启用带「创建方法」功能的错误高亮？

云原生阿岚

2026-10-3

WebStorm Angular模板未定义方法无错误提示修复方案

检查Angular插件状态
打开WebStorm 设置>插件>已安装，搜索Angular and AngularJS插件，确认插件处于启用状态，若存在版本更新提示完成更新后重启IDE。
调整模板校验规则
进入设置>语言和框架>TypeScript>Angular，确认「启用Angular语言服务」已勾选，同时将「未解析的模板引用」的校验等级调整为错误，如果此前设置为「无」就不会触发高亮和创建提示。
开启Angular严格模板校验
打开项目根目录的tsconfig.json，添加如下配置：
```
"angularCompilerOptions": {
  "strictTemplates": true
}
```
旧版本Angular项目默认关闭严格模板校验，未定义的方法不会被识别为语法错误。
清除IDE缓存重建索引
点击顶部菜单文件>清除缓存，勾选清除文件系统缓存后重启IDE，等待项目索引完全重建后再验证问题是否解决。