如何忽略TypeScript对node_modules中源码的类型检查？

一、通过tsconfig.json全局排除检查 #

1. 确保tsconfig.json中配置exclude排除node_modules目录：

   {
     "compilerOptions": {
       // 其他编译配置
     },
     "exclude": ["node_modules"]
   }
   

2. 若仅需跳过第三方库的类型检查（不影响业务代码的TS校验），开启skipLibCheck：

   {
     "compilerOptions": {
       "skipLibCheck": true,
       // 其他编译配置
     }
   }
   

二、调整Webpack配置避免处理node_modules中的TS文件 #

1. 限制TS规则仅处理项目源码目录，明确排除node_modules：

   module.exports = {
     module: {
       rules: [
         {
           test: /\.(ts|tsx)$/,
           include: path.resolve(__dirname, 'src'), // 指定项目源码路径
           exclude: /node_modules/,
           use: 'ts-loader'
         }
       ]
     }
   };
   

2. 若必须处理node_modules中的特定包但忽略其TS检查，改用Babel转译（Babel仅转译TS语法，不做类型校验）：

   module.exports = {
     module: {
       rules: [
         {
           test: /\.(ts|tsx)$/,
           include: ['src', 'node_modules/source_code'], // 包含需要处理的目标包
           exclude: /node_modules(?!\/source_code)/,
           use: {
             loader: 'babel-loader',
             options: {
               presets: ['@babel/preset-env', '@babel/preset-typescript', '@babel/preset-react']
             }
           }
         }
       ]
     }
   };
   

三、临时局部忽略错误（不推荐全局使用） #

在业务代码的导入行添加// @ts-ignore，忽略单条TS错误提示：

// @ts-ignore
import { xxx } from 'source_code';

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