Angular项目中如何排除指定文件夹的TypeScript严格类型检查？

方法一：使用TypeScript路径覆盖配置（推荐） #

TypeScript 4.7及以上版本支持overrides字段，可针对特定路径单独调整编译配置，不影响项目其他部分。

1. 打开项目根目录的tsconfig.app.json（Angular CLI实际使用的编译配置文件，而非根目录的tsconfig.json），添加overrides字段：

{
  "extends": "./tsconfig.json",
  "compilerOptions": {
    // 保留原有编译配置
  },
  "overrides": [
    {
      "include": ["src/app/shared/3rdparty/**/*"],
      "compilerOptions": {
        "strict": false,
        // 可按需单独关闭特定严格规则，比如仅关闭noImplicitAny："noImplicitAny": false
      }
    }
  ],
  "include": [
    "src/**/*.d.ts",
    "src/**/*.ts"
  ]
}

2. 清理Angular缓存并重启服务：

ng cache clean
ng serve

方法二：单独配置tsconfig并集成到构建流程 #

若TypeScript版本较低不支持overrides，可通过独立tsconfig文件处理第三方代码：

1. 在src/app/shared/3rdparty文件夹内创建tsconfig.non-strict.json：

{
  "extends": "../../../../tsconfig.app.json",
  "compilerOptions": {
    "strict": false
  },
  "include": ["./**/*"]
}

2. 修改项目根目录的angular.json，在构建配置中添加额外tsconfig引用：

{
  "projects": {
    "your-project-name": {
      "architect": {
        "build": {
          "options": {
            "tsConfig": "tsconfig.app.json",
            "additionalTsConfigs": ["src/app/shared/3rdparty/tsconfig.non-strict.json"],
            // 保留原有配置
          }
        }
      }
    }
  }
}

3. 清理缓存后重启服务：

ng cache clean
ng serve

方法三：临时忽略单文件错误（不推荐大量使用） #

若仅少数文件存在类型错误，可在错误代码行上方添加注释跳过检查：

// @ts-ignore
const thirdPartyFunc = (param) => { /* 第三方代码 */ };

注意事项 #

• 建议使用Angular 14+（对应TypeScript 4.7+）以获得overrides特性的最佳支持。
• 配置后仍报错时，检查路径通配符是否匹配正确（**用于匹配所有子目录）。

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