Next 13 Beta中的Lottie文件：导入.json动画/ lottie动画

o0lyfsai 于 2023-04-05 发布在其他

关注(0)|答案(1)|浏览(160)

我不确定导入动画的正确语法。我使用lottie-react库，它指定在本地导入动画，而不是像og lottie-player那样从url导入。
我得到：
找不到模块“/animations/loading-spinner.json”或其相应的类型声明。ts（2307）
不管我用什么方法
到目前为止，我试着把.json文件放在“public”文件夹中的一个单独的“animations”文件夹中。我试着把它放在公共文件夹中。我也试着把animations文件夹拉到根目录下。不知道我在这里错过了什么。

import Lottie from "lottie-react";
import loadingSpinner from "../animations/loading-spinner.json";

next.js

来源：https://stackoverflow.com/questions/75864548/lottie-files-in-next13-beta-importing-json-animation-lottie-animation

1条答案

按热度按时间

00jrzges1#

导入的文件在哪里？你能共享你的目录吗？
检查你的package.json文件以确保lottie已经安装。
请确保导入路径正确且.json文件位于公用文件夹中，然后再次尝试导入。

import Lottie from "lottie-react";
import loadingSpinner from "../public/animations/loading-spinner.json";

function MyComponent() {
  return (
    <div>
      <Lottie animationData={loadingSpinner} />
    </div>
  );
}

赞(0）回复(0）举报 2023-04-05

我来回答

Next 13 Beta中的Lottie文件：导入.json动画/ lottie动画

1条答案

相关问题

热门标签

最新问答