Error loading Lottiefiles

I’m getting this error when starting the screen. I have other files that work normally.

Blocks:

Aia
gerenciadorsenha.aia (5.6 KB)

1 Like

Hi dear,

I also had this issue, after investigating a bit, I believe the problem is due to the version of Lottie used to create the animation.
If it’s too recent, I’ve noticed it can cause errors.

My solution was to try several similar animations until I found one that worked.

I know it’s a bit disappointing, but I think updating the component is necessary.

Having solved it fairly quickly, I didn’t spend much time investigating more deeply, enough to file a report with Kodular.

Otherwise, you could try some extension
I know our legendary Jewel has a paid one.

but there are also others

3 Likes

Hi,
I check your .aia file and this is the reason your Lottie animation is not working.

The animation JSON you used uses advanced features that Kodular does not support currently.

as @RaYzZz told, Kodular works with an older Lottie engine and can only handle simple animations like basic movement and opacity.
Your JSON includes complex elements such as trim paths, animated shape paths, and advanced color/path data. When Kodular reads these, it expects simple values but finds arrays instead, which causes the animation to fail and not display.

I suggest you use another simpler animation. Meanwhile, I have added a similar working JSON animation for you to check in this .aia file. -
gerenciadorsenhanew.aia (39.7 KB)

Edit: Here’s is look of your app when I used Animation : https://i.ibb.co/0jDNSxTT/Secure-Bugs-test.gif

3 Likes

You don’t need to upload file Json in the lottie property, just copy the lottiefile link in the block.

1 Like

Can you explain more :thinking: how? and where?


Like this :slight_smile:

1 Like

I already tried, this method not work.
It’s strange how t’s working for you :open_mouth: can you send your .aia file which is working?

here is that similar Lottie link for that he want : LottieFiles - free animation files built for Lottie

Lottie - Overview

Maybe the link is private, when I open it, this is what appears.

No, this is not private link i think.

Because anybody will open it supposed to appear like this. (this is not same Lottie as he shown)

Bdw I’ll try to test with new lottie link tomorrow.

Try removing /embed.

https://lottie.host/embed/f4c31491-a307-4d4e-9053-5d7c7ccb7c5f/WMaLWOZNLf.lottie

to

https://lottie.host/f4c31491-a307-4d4e-9053-5d7c7ccb7c5f/WMaLWOZNLf.lottie

2 Likes


On the lottiefile website, have you clicked save to workspace? After save to workspace → you can copy the link, It should work.

For example:

https://lottie.host/93befd29-c8bf-4b37-abdf-03ea62c275d8/RZV6bzWtkG.lottie

2 Likes

Yes this is culprit here :grinning_face:

1 Like

Guys, I did it as Umar Tantowi taught and it worked:
https://lottie.host/1b0cd408-d90b-491a-9d43-8ceb5e54108e/hCXhj92vut.lottie
Thank you very much!

1 Like

Then he deserves the solution mark instead of marking your own post

2 Likes

I took the liberty of moving it myself for correctness.

Then, depending on the requirements, it would be necessary to check whether it also works without a network connection (cached)

1 Like

I found that the built-in component does not support modern animations. I created an extension with the latest Lottie SDK. It can be found here:

1 Like

This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.