Vite React TS项目中noImplicitAny:true不生效，如何禁用any类型？

问题根源 #

你当前配置的noImplicitAny: true只禁止隐式推断的any（比如未指定类型时TS自动推断为any的情况），但对显式声明的any（像你写的const a: any = 0;）不起作用。要完全禁用any，需要额外配置专门的规则。

解决方案 #

1. 通过TypeScript配置禁止显式any

在tsconfig.json中添加noExplicitAny: true，和已有的strict: true配合：

{
  "compilerOptions": {
    "strict": true,
    "noImplicitAny": true,
    "noExplicitAny": true, // 新增这一行
    // 其他配置...
  }
}

添加后执行pnpm build（或直接tsc），显式声明的any就会触发编译错误。

2. 配合ESLint强化检查（推荐）

Vite的react-ts模板默认集成了ESLint，你可以通过ESLint规则在开发阶段就实时检测any类型，避免等到build才发现问题：
在.eslintrc.cjs的rules中添加：

module.exports = {
  // 其他配置...
  rules: {
    // 新增这一行
    "@typescript-eslint/no-explicit-any": "error"
  }
}

这个规则比TS原生的noExplicitAny更灵活，还能通过注释或配置项给特定场景加例外（比如处理第三方库的遗留any类型）。

3. 验证配置

修改完成后，再次写const a: any = 0;，无论是IDE实时提示还是执行pnpm build，都会抛出类似Unexpected any. Specify a different type.的错误，达到完全禁用any的目的。

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