当设置了`noImpltAny`时，Typescript忽略`typeRoots`

基础概念

noImplicitAny: 这是一个TypeScript编译器选项，用于强制编译器检查所有未明确声明类型的变量、函数参数和返回值。如果设置为true，编译器会在遇到未明确声明类型的代码时抛出错误。

typeRoots: 这也是一个TypeScript编译器选项，用于指定自定义类型定义文件的根目录。通过设置typeRoots，你可以告诉TypeScript编译器在哪里查找额外的类型定义文件（如.d.ts文件）。

相关优势

• noImplicitAny: 强制开发者明确声明类型，有助于提高代码的可读性和可维护性，同时减少运行时错误。
• typeRoots: 允许开发者自定义类型定义文件的查找路径，增加了灵活性，特别是在使用第三方库或模块时。

类型与应用场景

• noImplicitAny: 适用于所有TypeScript项目，特别是对类型安全要求较高的项目。
• typeRoots: 适用于需要自定义类型定义文件路径的项目，例如在使用npm包管理器时，可能需要指定自定义的类型定义文件路径。

遇到的问题及原因

当设置了noImplicitAny为true时，TypeScript编译器会严格检查所有未明确声明类型的代码。如果同时设置了typeRoots，但某些类型定义文件未能正确加载或被忽略，可能会导致编译错误。

解决方法

1. 确保类型定义文件存在且路径正确: 检查typeRoots指定的路径下是否存在相应的.d.ts文件，并确保路径设置正确。
2. 使用paths选项: 如果需要更复杂的路径映射，可以使用paths选项来指定类型定义文件的路径。
3. 检查tsconfig.json配置: 确保tsconfig.json文件中的配置正确无误，特别是typeRoots和noImplicitAny选项。
4. 手动导入类型定义: 如果某些类型定义文件未能自动加载，可以尝试手动导入这些类型定义文件。

示例代码

假设我们有一个项目结构如下：

project/
├── src/
│   └── index.ts
├── types/
│   └── custom.d.ts
└── tsconfig.json

custom.d.ts文件内容：

declare module 'custom-module' {
    export function customFunction(): void;
}

tsconfig.json配置：

{
  "compilerOptions": {
    "noImplicitAny": true,
    "typeRoots": ["./types"]
  }
}

在index.ts中使用自定义模块：

import { customFunction } from 'custom-module';

customFunction();

如果编译器仍然报错，可以尝试手动导入类型定义：

/// <reference path="./types/custom.d.ts" />

import { customFunction } from 'custom-module';

customFunction();

通过以上步骤，可以确保在设置noImplicitAny为true时，TypeScript能够正确加载并使用typeRoots指定的类型定义文件。