启用noImplicitAny后未收到canvas变量的TypeScript类型错误求助

• 核心原因：变量类型并非隐式any
  当TypeScript环境包含DOM类型定义时，document.getElementById()的返回类型会被推断为HTMLElement | null，因此canvas变量的类型是明确的联合类型，并非隐式any。而noImplicitAny: true仅会在变量被隐式推断为any时触发错误，所以你不会收到类型提示。

• 你可能混淆了规则作用
  如果你期望因canvas可能为null而收到错误，需要开启strictNullChecks: true（或直接开启strict: true，该规则包含strictNullChecks），而非noImplicitAny。

• 额外排查点

  • 确认tsconfig.json的compilerOptions.lib包含"DOM"，确保DOM类型被正确加载：

    {
      "compilerOptions": {
        "lib": ["ESNext", "DOM"],
        "noImplicitAny": true
      }
    }
    

  • 检查ts-loader是否启用了类型检查：避免在webpack配置的ts-loader选项中设置transpileOnly: true，该选项会跳过类型检查，导致tsconfig规则失效。
  • 确认tsconfig.json位于项目根目录，若不在根目录，需在ts-loader的options中指定configFile路径：

    {
      test: /\.tsx?$/,
      use: {
        loader: "ts-loader",
        options: {
          configFile: path.resolve(__dirname, "./path/to/tsconfig.json")
        }
      },
      include: [path.resolve(__dirname, "src")],
    }
    

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