TS项目引入react-window报找不到声明文件，已装@types包仍编译失败如何解决

问题原因 #

• Docker镜像层缓存问题：若Docker构建时未检测到package.json、yarn.lock的变更，会复用之前缓存的node_modules层，导致新安装的@types/react-window没有被装进容器内的依赖目录
• 包管理器混用冲突：你本地先后使用yarn、npm安装依赖，npm安装的类型包只会更新package-lock.json，不会同步修改yarn.lock。Docker构建时执行yarn命令会完全按照yarn.lock的记录拉取依赖，自然缺失对应的类型包
• 生产构建排除dev依赖：部分Dockerfile配置会在安装依赖时添加--production参数，会自动跳过所有dev依赖，而@types/react-window属于dev依赖，会被直接排除

解决步骤 #

• 首先统一使用yarn作为包管理器，删除本地的package-lock.json文件，重新执行yarn add @types/react-window --dev，确认yarn.lock文件已经生成对应依赖的记录后再执行构建
• 检查Dockerfile中的依赖安装命令，删除--production、--production=true这类会跳过dev依赖的参数，TypeScript项目的构建流程需要用到dev依赖中的类型定义
• 执行Docker构建时添加--no-cache参数，清理旧的缓存层，示例命令：docker build --no-cache -t <你的镜像名> .
• 若仍有报错，可以添加兜底类型声明：在项目src目录下新建react-window.d.ts文件，写入内容declare module 'react-window';即可直接解决TS7016报错，无需修改noImplicitAny配置

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