WebStorm中新建Angular项目运行ng serve后出现HTML文件报错问题

该报错属于WebStorm IDE的假阳性提示，并非代码或项目编译错误，所以ng serve运行无报错、应用可正常启动，仅IDE静态检测时会触发提示，触发原因如下：

• WebStorm自带的Angular语言服务版本与当前项目使用的Angular版本不匹配，IDE对模板代码的类型检测出现误判
• 项目索引异常，IDE未正确识别已导入的表单模块类型定义
• 启用了WebStorm的Angular模板严格类型检查，检查规则与当前项目的Angular版本不兼容

按照以下步骤操作即可解决：

1. 调整Angular语言服务配置
   打开WebStorm设置路径：File → Settings → Languages & Frameworks → TypeScript → Angular，将「Use Angular service from」选项修改为Current project，强制IDE使用项目node_modules内的Angular语言服务版本，避免版本冲突。
2. 清除IDE缓存重启
   点击顶部菜单栏 File → Invalidate Caches...，勾选「Clear file system cache and local history」后点击「Invalidate and Restart」，等待IDE重启完成重新索引项目即可。
3. 可选：关闭模板严格检查（仍有报错时操作）
   如上述操作后仍有提示，在同一个Angular设置页面取消勾选「Enable strict type checking in templates」即可关闭易误报的严格模板检查规则。

内容的提问来源于stack exchange，提问作者PNS