如何让TypeScript忽略含*/brand/*路径的模块找不到错误？

针对包含*/brand/*的导入路径，无需在每个文件添加注释，可通过以下几种全局配置方式解决：

1. 利用TypeScript声明文件全局声明模块 #

创建一个类型声明文件（比如src/typings/brand.d.ts），在其中声明所有匹配*brand/*的模块，让TypeScript识别这些模块为合法存在：

// src/typings/brand.d.ts
// 匹配所有包含brand的导入路径
declare module '*brand/*' {
  // 可根据实际导出内容定义类型，临时过渡可用any
  export const myComponent: any;
  // 若有默认导出，添加如下声明
  // export default content: any;
}

随后在tsconfig.json中确保该声明文件被包含：

{
  "include": [
    "src/**/*",
    "src/typings/brand.d.ts"
  ]
}

2. 在tsconfig.json中配置路径映射 #

如果brand目录有固定的物理路径，可通过paths配置让TypeScript映射到实际目录：

{
  "compilerOptions": {
    "baseUrl": ".", // 需配合baseUrl使用
    "paths": {
      "*brand/*": ["./src/path-to-your-brand-folder/*"]
    }
  }
}

这种方式适合Webpack别名对应的是固定本地目录的场景。

3. 配置ESLint忽略特定路径的未解析错误 #

针对TypeScript的ESLint规则@typescript-eslint/no-unresolved，在.eslintrc中添加忽略模式：

{
  "rules": {
    "@typescript-eslint/no-unresolved": [
      "error",
      {
        "ignorePatterns": ["*brand/*"]
      }
    ]
  }
}

该配置解决ESLint层面的未解析错误，建议和TypeScript声明文件配合使用，覆盖编译器和代码检查两个层面。

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