Pourquoi mon animation Lottie se charge-t-elle correctement sur le serveur localhost mais pas sur le serveur de déploiement ?

Question

Le problème est donc que toutes les animations Lottie se chargent sur mon serveur localhost, mais une fois l'application web déployée, les animations ne se chargent pas et j'obtiens des erreurs dans la console. Les fichiers d'animation sont des fichiers .json. Mon projet est le prochain projet js React.

Lien vers lottie : https://lottiefiles.com/

Mais lorsque j'ouvre le serveur de déploiement (vercel), l'animation ne se charge pas et j'obtiens des erreurs dans la console. Comment puis-je résoudre ce problème?

Answer 1

Partout où vous transmettez animationData, vous pouvez essayer JSON.stringify

JSON.stringify(animationData)

Answer 2

Vous essayez Vercel, il y a quelques problèmes, veuillez vérifier ce problème github et laisser un commentaire https://github.com/vercel/next.js/issues/42801#issuecomment -1317671110, une solution suggère de désactiver swcMinify

// next.config.js

module.exports = {
  swcMinify: false,
}