Mengapa animasi Lottie saya dimuatkan dengan betul pada pelayan localhost tetapi tidak pada pelayan penempatan?

Question

Jadi masalahnya ialah semua animasi Lottie dimuatkan pada pelayan localhost saya, tetapi setelah apl web digunakan, animasi tidak dimuatkan dan saya mendapat beberapa ralat dalam konsol. Fail animasi ialah fail .json. Projek saya ialah projek js React seterusnya.

Pautan ke lotti: https://lottiefiles.com/

Tetapi apabila saya membuka pelayan penempatan (vercel), animasi gagal dimuatkan dan saya mendapat beberapa ralat dalam konsol. Bagaimanakah saya boleh menyelesaikan masalah ini?

Answer 1

Di mana sahaja anda lulus animationData, anda boleh mencuba JSON.stringify it

JSON.stringify(animationData)

Answer 2

Anda sedang mencuba vercel, terdapat beberapa isu, sila semak isu github ini dan tinggalkan komen https://github.com/vercel/next.js/issues/42801#issuecomment-1317671110, satu penyelesaian mencadangkan untuk melumpuhkan swcMinify

// next.config.js

module.exports = {
  swcMinify: false,
}