Rollup failed to resolve import

[wintry shadow]

Hey guys I'm using this lottie integration here and if I run npm build it works fine, but if I deploy to vercel then there's a build error.

Any clue on what's going on here?

Rollup failed to resolve import "astro-integration-lottie/lottie.astro" from "/vercel/path0/src/components/SectionTwo.astro".

it's loading fine in my dev environment as well

[wanton silo]

Hi 👋

are you deploying to edge?

if so take a look here -> https://docs.astro.build/en/guides/integrations-guide/vercel/#includefiles

unless there is a problem with integration itself

[wintry shadow]

If i’m being honest i’m not sure. All I’ve done is deploy on the default config for astro and my site is static

I’ll try this 👍

[wintry shadow]

Yeah it looks like there's a problem with the integration itself. Do you know of an astro alternative to https://github.com/giuseppelt/astro-lottie/?

I installed the vercel adapter and included my json file like in the docs and got the same error

[wintry shadow]

I removed the lottie integration and my deploy worked fine

I'm gonna try luge instead

[wanton silo]

Idk about lottie but you can try using https://github.com/airbnb/lottie-web from airbnb directly in the astro

[wintry shadow]

Yep this is what I ended up doing and it worked for me

<div class="animation"></div>

<script>
  import lottie from 'lottie-web';
  import myAnimation from '../../public/realEditedLottie.json';

  const animationContainer = document.querySelector('.animation');

  lottie.loadAnimation({
    container: animationContainer,
    renderer: 'svg',
    loop: true,
    autoplay: true,
    animationData: myAnimation,
  });
</script>

That's the code in particular incase you'd like to use lottie

The airbnb documentation is a maze only to find that much code.