如何在Next.js中为.lottie文件声明新类型？

• 已正确添加模块，代码可正常运行，无“找不到模块”错误
• 核心问题是类型声明错误，代码无法识别.lottie文件，使用dotLottie player运行lottie文件
• 求助：如何在Next.js中声明该新类型？

解决方案 #

在Next.js中为.lottie文件添加类型声明只需以下步骤：

1. 在项目根目录或src目录下创建types文件夹，新建lottie.d.ts文件
2. 在文件中写入类型声明代码：

declare module '*.lottie' {
  const content: string;
  export default content;
}

注：如果你的dotLottie player需要的是文件URL或其他类型，可根据实际需求调整content的类型，比如改为const content: URL;

3. 确保项目的tsconfig.json（或jsconfig.json）中配置了类型文件路径，在compilerOptions里添加：

{
  "compilerOptions": {
    "typeRoots": ["./node_modules/@types", "./types"]
  }
}

完成后重启开发服务器，类型声明错误即可消除。

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