When "Yarn build " it works fine in VS Code but it keeps on throwing error in Vercel.
Repository: GitHub - KirtanNpl/personalWebsite: my website
Hi @kirtannpl, welcome to the Vercel Community!
Sorry that you are facing this issue but without additional details we can’t help you much. I recommend you to read through our How to Get Good Answers guide and add more details to your post.
Hi @kirtannpl, thanks for sharing additional context. Can you please share your public repo or a minimal reproducible example. That will let us all work together from the same code to figure out what’s going wrong.
I wanted to know why it builds properly in VS but not in Vercel ?
Hi @kirtannpl, there can be differences in the environments such as Node.js versions or other local settings that might not be working in Vercel’s production environment. That’s why it’d be great if you can share a reproducible example with which we both can debug it.
Here’s the link
Hi @kirtannpl, I was able to reproduce the issue. I’ve forwarded the issue to our team to figure out what’s wrong here.
1 Like
Hi @kirtannpl, we’re able to find the root cause. Seems caused by the lottie-web package, which is the dependency of lottie-react being installed to the reproduction.Here we found that they call the document.createElement in this helper. And then being used here in ImageLoader, and always initialized in Animation.This will break SSR. Hence, dynamically importing the package solves the issue, see the code changes below:
Deployed version: https://personal-website-rho-one-14.vercel.app/