ts-loader报不存在的未使用变量错误，添加console.log触发该问题求助

在TypeScript + Webpack项目中，添加console.log语句后出现了非自定义变量的TS6133错误，示例代码如下：

import { ConfigApiResponse } from "../models/configApi.interfaces";
import axios from "axios";

export const fetchConfig = (baseUrl: string) => {
  console.log(baseUrl);
  return axios.get<ConfigApiResponse>(`${baseUrl}/config/application.json`);
};

编译时抛出的错误信息：

ERROR in /Users/daniel/workspace/onewelcome/consent-ui/src/common/api/configApi.ts
9:34505-34510
[tsl] ERROR in /Users/daniel/workspace/onewelcome/consent-ui/src/common/api/configApi.ts(9,34506)
      TS6133: 'oo_ts' is declared but its value is never read.
ts-loader-default_e3b0c44298fc1c14

ERROR in /Users/daniel/workspace/onewelcome/consent-ui/src/common/api/configApi.ts
9:34561-34566
[tsl] ERROR in /Users/daniel/workspace/onewelcome/consent-ui/src/common/api/configApi.ts(9,34562)
      TS6133: 'oo_te' is declared but its value is never read.
ts-loader-default_e3b0c44298fc1c14

webpack 5.75.0 compiled with 2 errors in 7257 ms

问题原因 #

这类oo_ts/oo_te变量并非业务代码定义，而是项目中代码压缩、混淆或转译插件（如Terser、自定义代码变换工具）在处理console.log时自动生成的临时变量，被TypeScript的未使用变量检测机制捕获，从而抛出错误。

解决方案 #

1. 全局调整TypeScript/ESLint规则

• 修改tsconfig.json：如果不需要严格检查未使用变量，直接关闭相关配置：

{
  "compilerOptions": {
    "noUnusedLocals": false
  }
}

如果只想忽略特定前缀的变量，配合ESLint使用时，在.eslintrc.json中添加规则：

{
  "rules": {
    "@typescript-eslint/no-unused-vars": ["error", { "varsIgnorePattern": "^oo_" }]
  }
}

2. 调整Webpack插件配置

如果是TerserPlugin导致的问题，修改Webpack配置，禁用会生成临时变量的压缩逻辑：

module.exports = {
  optimization: {
    minimizer: [
      new require('terser-webpack-plugin')({
        terserOptions: {
          compress: {
            drop_console: false,
            pure_funcs: []
          }
        }
      })
    ]
  }
};

3. 局部忽略错误

如果不想全局修改配置，可在报错文件或行添加注释忽略TS6133：

• 文件顶部全局忽略：

// @ts-nocheck: TS6133

• 针对特定行：

console.log(baseUrl); // @ts-ignore: TS6133

内容的提问来源于stack exchange，提问作者Daniel V.