Warum wird meine Lottie-Animation auf dem Localhost-Server korrekt geladen, aber nicht auf dem Bereitstellungsserver?

Question

Das Problem ist also, dass alle Lottie-Animationen auf meinem Localhost-Server geladen werden, aber sobald die Web-App bereitgestellt ist, werden die Animationen nicht geladen und ich erhalte einige Fehler in der Konsole. Animationsdateien sind .json-Dateien. Mein Projekt ist das nächste js React-Projekt.

Link zur Lotterie: https://lottiefiles.com/

Aber wenn ich den Bereitstellungsserver (Vercel) öffne, kann die Animation nicht geladen werden und ich erhalte einige Fehlermeldungen in der Konsole. Wie kann ich dieses Problem lösen?

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,
}