내 Lottie 애니메이션이 로컬 호스트 서버에서는 올바르게 로드되지만 배포 서버에서는 로드되지 않는 이유는 무엇입니까?

Question

문제는 모든 Lottie 애니메이션이 내 로컬 호스트 서버에 로드되지만 웹 앱이 배포되면 애니메이션이 로드되지 않고 콘솔에 일부 오류가 발생한다는 것입니다. 애니메이션 파일은 .json 파일입니다. 내 프로젝트는 다음 js React 프로젝트입니다.

로티 링크: https://lottiefiles.com/

그런데 배포 서버(vercel)를 열면 애니메이션이 로드되지 않고 콘솔에 일부 오류가 발생합니다. 이 문제를 어떻게 해결할 수 있나요?

Answer 1

animationData를 전달할 때마다 JSON.stringify를 사용해 볼 수 있습니다

으아아아

Answer 2

vercel을 시도 중입니다. 몇 가지 문제가 있습니다. 이 github 문제를 확인하고 댓글을 남겨주세요https://github.com/vercel/next.js/issues/42801#issuecomment-1317671110, 한 가지 해결책은 비활성화하는 것이 좋습니다. swcMinify

으아아아