安装@wordpress/scripts后tsc报tapable无导出成员Tapable错误如何解决

• 版本不匹配：@wordpress/scripts依赖的@types/webpack包与项目中安装的tapable类型定义版本不兼容，webpack声明文件中需要导入的tapable导出成员，在当前版本的tapable类型定义中不存在或结构不符。
• TS类型校验机制问题：即使tsconfig.json中配置了exclude: ["node_modules"]，该配置仅会阻止TS编译node_modules下的业务实现代码，不会跳过第三方依赖的.d.ts声明文件的类型校验，因此类型定义的错误依然会被抛出。

• 方案1（最快生效）：在tsconfig.json的compilerOptions中添加"skipLibCheck": true配置项。该配置会跳过所有第三方声明文件的类型校验，完全不影响你自己编写的业务代码的类型检查，可以直接解决报错问题。
• 方案2（版本匹配修复）：安装与webpack版本适配的tapable类型包，执行命令：npm i --save-dev @types/tapable@2。@wordpress/scripts依赖的webpack5对应适配的tapable大版本为v2，安装对应版本的类型定义即可解决导入不匹配的问题。
• 方案3（限制类型加载范围）：在tsconfig.json的compilerOptions中添加types配置，显式指定你业务代码需要用到的类型包，避免TS自动加载所有node_modules下的@types包，示例配置如下：

{
  "compilerOptions": {
    // 其余原有配置保持不变
    "types": ["node", "react"]
  }
}

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