yarn add --dev @types/package-name命令的作用是什么？

你遇到的是TypeScript编译器抛出的类型声明缺失错误，报错原因为：

Could not find a declaration file for module 'react-color'.

很多早期或者纯JavaScript编写的npm包，本身没有附带TypeScript要求的.d.ts类型声明文件，TS编译器无法识别包内导出的模块、方法、入参返回值等类型规则，就会抛出该提示。

你执行的yarn add --dev @types/react-color命令，各参数的作用如下：

• --dev参数：将安装的依赖标记为开发依赖，这类依赖仅在本地开发、编译校验阶段生效，不会被打包到最终的生产环境代码中，不会增大生产包的体积。类型声明文件仅在开发阶段供TS做类型校验使用，线上运行完全不需要，因此适合放在开发依赖中。
• @types/react-color包：所有以@types/开头的npm包，都是DefinitelyTyped社区维护的公开类型声明集合，每一个@types/xxx包都对应同名xxx包的TS类型定义，专门为本身没有自带类型声明的JS包补充类型规则。现在很多原生用TS开发的npm包会自带类型声明文件，不需要额外安装对应的@types包。

执行该命令后，@types/react-color会被安装到本地node_modules目录下，TS编译器扫描类型文件时，就能自动匹配到react-color模块对应的类型声明，也就不会再抛出缺失声明文件的错误，同时将其放在开发依赖中也不会影响线上生产包的性能。

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