嘿，我之前也碰到过这个头疼的问题！在WebStorm里用TypeScript开发Node.js项目时，编译错误非得打开文件才显示，确实挺影响开发效率的。下面是我亲测有效的几个解决办法，你可以挨个试试：

1. 检查TypeScript服务的状态与配置 #

• 打开File > Settings > Languages & Frameworks > TypeScript，首先确保Enable TypeScript compiler处于勾选状态，并且Compiler options的配置和项目根目录的tsconfig.json完全匹配。
• 如果TypeScript服务疑似卡住，直接点击设置页面右上角的Restart TypeScript Service按钮，或者右键项目根目录，选择TypeScript > Restart TypeScript Service来重启服务。

2. 确认WebStorm的文件监控与自动检查设置 #

• 进入File > Settings > Appearance & Behavior > System Settings，勾选Sync files frame with editor和**Use "safe write"**选项，这能保证WebStorm及时感知到文件的变化。
• 再到File > Settings > Editor > Inspections，找到TypeScript分类，确保所有相关检查项（比如Unresolved variable、Type mismatch等）都处于启用状态，并且检查范围设置为Whole project，而不是仅针对已打开的文件。

3. 验证tsconfig.json的配置正确性 #

• 确保tsconfig.json位于项目根目录，并且include数组包含了所有需要编译的.ts文件，示例配置如下：

  {
    "compilerOptions": {
      "target": "ES6",
      "module": "CommonJS",
      "outDir": "./dist"
    },
    "include": ["src/**/*", "*.ts"],
    "exclude": ["node_modules"]
  }
  

• 如果include配置不全，WebStorm的TypeScript服务可能不会主动扫描未打开的文件。另外，检查compilerOptions中的noEmitOnError是否设为true，这个选项会让编译器在存在错误时停止生成输出，同时也能确保错误被及时检测到。

4. 清理WebStorm缓存并重启 #

• 缓存异常经常会导致各种奇怪的IDE问题，试试File > Invalidate Caches...，选择Invalidate and Restart，让WebStorm彻底清理缓存后重启。这个方法往往能解决很多莫名其妙的小问题。

5. 更新WebStorm与TypeScript版本 #

• 旧版本的WebStorm可能对新版本TypeScript的支持存在兼容性bug，检查WebStorm是否为最新版本（通过Help > Check for Updates），同时将项目中的TypeScript包更新到稳定版：

  npm install typescript@latest --save-dev
  

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