为什么我的 Lottie 动画可以在本地主机服务器上正确加载，但无法在部署服务器上加载？

Question

所以问题是所有 Lottie 动画都会加载到我的本地主机服务器上，但是一旦部署了 Web 应用程序，动画就不会加载，并且控制台中会出现一些错误。动画文件是 .json 文件。我的项目是下一个js React项目。

链接到lottie：https://lottiefiles.com/

但是当我打开部署服务器（vercel）时，动画无法加载，并且控制台中出现一些错误。我该如何解决这个问题？

Answer 1

无论你在哪里传递animationData，你可以尝试用JSON.stringify它

JSON.stringify(animationData)

Answer 2

您正在 vercel 上尝试，存在一些问题，请检查此 github 问题并发表评论 https://github.com/vercel/next.js/issues/42801#issuecomment-1317671110，一种解决方案建议禁用 swcMinify

// next.config.js

module.exports = {
  swcMinify: false,
}