非TypeScript项目引入react-reveal/Fade提示缺少声明文件如何解决？

解决方法 #

• 优先修改导入方式
  不要按子路径导入组件，改为从react-reveal根包批量导入：
  把原来的写法

  import Fade from 'react-reveal/Fade'
  

  替换为

  import { Fade } from 'react-reveal'
  

  这个是react-reveal本身的路径导出适配问题，90%以上的同类报错可以通过这个方法解决，且react-reveal官方没有提供对应的@types类型包，安装@types/react-reveal失败属于正常情况，无需再尝试安装。

• 手动添加模块声明（仅修改导入无效时使用）
  如果修改导入后仍有报错，在项目根目录新建declarations.d.ts文件，写入以下内容：

  declare module 'react-reveal/*' {
    import type { ComponentType } from 'react';
    const component: ComponentType<any>;
    export default component;
  }
  

  保存后重启开发服务即可，即使你没有使用TypeScript，这个声明文件也会被IDE和构建工具的默认类型检查规则识别，消除报错。

• 关闭冗余类型检查
  如果你不需要任何类型校验功能，可以直接关闭对应规则：

  1. 如果是VSCode编辑器的提示报错，在编辑器设置中搜索typescript.validate.enable，取消勾选即可关闭工作区的TypeScript校验
  2. 如果是构建过程中出现的报错，在项目根目录的.env文件中添加一行配置：DISABLE_TYPE_CHECKING=true，重启服务即可关闭create-react-app内置的类型校验逻辑。

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