安装react-aws-s3后报找不到模块声明文件且@types包不存在如何解决

• 类型声明报错：react-aws-s3包本身没有内置TypeScript类型定义，同时DefinitelyTyped社区也没有对应的@types/react-aws-s3包，因此TS无法识别模块类型，抛出7016错误，该报错和依赖本身是否安装成功无关，属于类型校验层面的问题。
• 每次安装依赖都需要选择react-router-dom版本：项目中存在多个依赖对react-router-dom的版本要求存在重叠但不兼容的区间，每次执行yarn add命令时Yarn都会重新校验依赖树兼容性，遇到无法自动确定的版本就会弹出手动选择提示。

1. 解决react-aws-s3类型报错 #

你可以二选一即可：

• 方案一：手动添加类型声明
  在项目src目录下新建react-aws-s3.d.ts文件，写入内容即可：
  如果需要完整类型可以写：

declare module 'react-aws-s3' {
  interface S3Config {
    accessKeyId: string
    secretAccessKey: string
    region: string
    bucketName: string
  }
  export default class S3 {
    constructor(config: S3Config)
    uploadFile(file: File, newFileName?: string): Promise<{ location: string }>
    deleteFile(fileName: string): Promise<any>
  }
}

如果仅需要快速消除报错，可以写最简版本：

declare module 'react-aws-s3'

TS会自动识别该声明文件，报错会直接消失。

• 方案二：临时跳过单文件类型校验
  在import S3 from 'react-aws-s3';语句的上一行添加// @ts-ignore注释，即可跳过当前行的类型校验，该方案适合临时测试使用，不推荐长期用。

2. 解决react-router-dom版本选择提示 #

• 手动指定版本安装一次即可，执行yarn add react-router-dom@你需要的版本号，安装完成后Yarn会把版本信息锁定到package.json和yarn.lock中，后续安装其他依赖不会再弹出选择提示。
• 如果问题仍存在，可以先删除项目中的node_modules文件夹和yarn.lock文件，再重新执行yarn install全量安装依赖，重新生成的锁定文件会解决版本冲突问题。

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