React中执行npm i安装包后未生成声明文件导致构建报错如何解决

这是TypeScript项目的常见类型缺失问题：你安装的react-ui-cards包本身没有内置TypeScript类型声明文件，社区也没有发布对应的@types/react-ui-cards公共类型包，TS无法识别包的导出内容类型，触发了隐式any类型校验规则，严格模式下就会直接阻断构建流程。

• 方案1：安装社区贡献的类型包
  优先尝试执行命令安装官方维护的类型包：
  npm install -D @types/react-ui-cards
  如果安装成功，重启编辑器即可消除提示，构建也会恢复正常。如果提示找不到该包，再使用下面的方案。

• 方案2：为缺失类型的包手动声明类型
  在项目src根目录下新建declarations.d.ts文件（已有该文件就直接追加内容），写入以下代码：

declare module 'react-ui-cards' {
  const content: any;
  export default content;
  // 如果包是命名导出，还可以加 export const xxx: any 来声明对应导出内容
}

你用的是Gatsby项目，放在src目录下的声明文件会自动被TS识别，不需要额外配置，保存后即可解决报错。如果后续有其他包出现同类问题，按照上面的格式新增对应的declare module块即可。

• 方案3：关闭全局隐式any校验（不推荐）
  如果不想逐个处理类型缺失问题，可以打开项目根目录的tsconfig.json，在compilerOptions配置项中把noImplicitAny设置为false。该方案会关闭全局的隐式any类型校验，会降低TS的类型检查能力，不推荐长期使用。

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