Angular 4：Eclipse编辑器不显示TypeScript错误仅在Problem标签页可见

嘿，作为Angular 4新手遇到这种编辑器里看不到错误、只能去Problem标签页找的情况，确实挺影响开发效率的，我来分享几个大概率能解决的办法：

1. 检查TypeScript编辑器的错误提示开关 #

首先得确认Eclipse有没有开启编辑器内的错误高亮：

• 打开 Window > Preferences，依次展开 TypeScript > Editor > Markers
• 确保**「Enable TypeScript syntax and semantic errors in editor」**这个选项是勾选状态（这是核心开关，决定语法/语义错误会不会在编辑器里显示）
• 另外可以去 General > Editors > Text Editors > Annotations 里，找到「TypeScript Errors」，勾选「Text as」（比如选波浪线）和「Vertical ruler」，确保错误的可视化提示都开着

2. 验证项目的TypeScript配置与插件兼容性 #

• 先确认你安装的TypeScript插件版本和Angular 4适配：Angular 4对应的TypeScript版本大概是2.2.x，要是插件版本太新（比如支持TS3+）或者太旧，可能会出现提示异常，建议找对应版本的插件重新安装
• 打开项目根目录的 tsconfig.json，检查错误检查相关的配置：
  • 确保 "noImplicitAny": true、"strictFunctionTypes": false（Angular4时期不需要太严格的类型检查）这类选项是开启的，这些配置会影响TypeScript的错误检测逻辑
  • 加上 "compileOnSave": true，这个选项能让Eclipse在保存文件时实时触发类型检查

3. 清理Eclipse缓存并重启 #

有时候Eclipse的缓存会抽风，导致错误提示不更新：

• 点击 Project > Clean...，选择你的Angular项目，执行清理后重启Eclipse
• 如果还是不行，可以试试删除工作区下 .metadata/.plugins/org.eclipse.core.resources/.history 文件夹（记得先备份工作区），然后重启Eclipse，强制刷新项目的状态

4. 检查TSLint插件的配置（如果已安装） #

如果你装了TSLint插件用来做代码规范检查：

• 打开 Window > Preferences > TSLint，确保**「Enable TSLint for TypeScript files」**是勾选的
• 检查项目根目录的 tslint.json，有没有不小心禁用了相关的错误规则，比如有没有把no-unused-vars这类规则设为off，导致错误不显示

举你的例子来说，把FormGroup写成FormGrou这种语义错误，只要上述配置都正确，编辑器里应该会立刻出现红色波浪线提示，不用去Problem标签页找啦。

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