VSCode终端关闭后React TS项目警告消失，如何重新查看？

以下是几种快速找回TS语法、未使用变量等警告的方法：

• 直接用TypeScript编译器输出警告
  跳过webpack，在项目根目录终端运行tsc或者tsc --watch，TypeScript会直接输出所有编译阶段的警告，包括未使用变量、不必要导入这类问题。如果这里能看到警告，说明是webpack配置过滤了相关输出。

• 检查tsconfig.json的编译配置
  打开tsconfig.json，确保compilerOptions里开启了必要的检查项：

  • noUnusedLocals: true（检测未使用的局部变量）
  • noUnusedParameters: true（检测未使用的函数参数）
  • noImplicitReturns: true（检测函数未返回值的情况）
  • strict: true（开启严格模式，包含大部分核心检查）
    同时确认include数组包含了你需要检查的文件目录（比如["src/**/*"]），没有错误地用exclude把源码目录排除。

• 调整webpack的TS loader配置
  如果用ts-loader，在webpack配置里给loader添加reportDiagnostics: true选项，让它把TS的警告传递给webpack输出：

  module.exports = {
    module: {
      rules: [
        {
          test: /\.tsx?$/,
          use: [
            {
              loader: 'ts-loader',
              options: {
                reportDiagnostics: true
              }
            }
          ]
        }
      ]
    }
  };
  

  如果用babel-loader配合@babel/preset-typescript，需要确保babel.config.json里开启了allExtensions: true，并且没有关闭TS的检查插件。

• 查看VSCode的Problems面板
  按下Ctrl+Shift+M打开Problems面板，VSCode会实时扫描项目中的TS/JS语法问题、未使用变量、不必要导入等，所有警告都会在这里列出，点击还能直接跳转到对应文件，不用依赖终端输出。

• 调整webpack的日志输出级别
  在webpack配置里设置stats: 'normal'（或者更详细的'verbose'），确保webpack不会过滤TS相关的警告：

  module.exports = {
    stats: 'normal'
  };
  

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