Error: <svg> attribute viewBox: Expected number, "0 0..

[wrabit]

Setting up as per the example and getting:

Error: attribute viewBox: Expected number, "0 0 undefined undefi…

Any ideas?

[Sweetyy]

Same problem .. i did exactly the same as the example and always have this error...

[patrick-sung]

should be
animationData: animationData.default

[Sweetyy]

should be
animationData: animationData.default

Thanks a lot ! It works for me now :)

[sebbean]

damn me to! frigg! thanks github!

[Xiaoha0226]

It works for me too. Thanks! I want to know the reason is 'lottie-web' version upgrade？

[seemcat]

@patrick-sung you saved me from something that's been blocking me the entire day. THANK YOU! 😭

[ZalgirisKaunas]

OMG. WHY THIS ISN'T IN THE DOCUMENTATION.

I literally wasted half of the day..

[lansolo99]

Yeah, had the same problem, please update the doc, I would never have figured out by myself if @patrick-sung didn't reveal the trick

[TimRChen]

How can I find this in the Lottie doc?

[alexsandro-xpt]

Ow please update the documentation( https://github.com/chenqingspring/vue-lottie/blob/master/README.md#L65 ) for animationData.default please!

[dhruvbhatia7]

Thanks @patrick-sung, was stuck on this for over an hour!

[jeancabral]

Thx so much

should be
animationData: animationData.default

Very thx! Save my day!

[carlossrb]

should be
animationData: animationData.default

thanks a lottie!!!

[cmdparkour]

should be
animationData: animationData.default

thanks for your help,

[Xiaoshizaizi]

should be
animationData: animationData.default

so cool

[DevidJoshua]

After

should be
animationData: animationData.default

Finally, thanks ya,,, anyone tell me why it's not working as the documentation...

[pitometsyurii]

After

should be
animationData: animationData.default

Finally, thanks ya,,, anyone tell me why it's not working as the documentation...

Good question. But seems like it will not be fixed.

[yehee]

Could also change how it's imported:

- import * as animationData from './planets-spinning.json'
+ import animationData from './planets-spinning.json'

This way you don't have to get animationData.default as it automatically imports the default.

[cazroam]

2 years later and the documentation still needs updating :(

There are even PRs for it: #40 #42 #51

@chenqingspring please update? :)

[freddymais]

Could also change how it's imported:

- import * as animationData from './planets-spinning.json'
+ import animationData from './planets-spinning.json'

This way you don't have to get animationData.default as it automatically imports the default.

Sensacional!!!
Uffaaaa.. ja tava desistindo..
Valeu demais!

[subodhk01]

@patrick-sung god

[jackdewhurst]

Update the docs!!!

[anearseeyou]

should be
animationData: animationData.default

nice

[vitpankin]

what about Typescript? it's not happy with that saying
Property 'default' does not exist on type '{ v: string; fr: number; ip: number; op: number; w: number; h: number; nm: string; ddd: number; assets: ({ id: string;

[vitpankin]

Yeah, for TypeScript it's better to do
import { default as animationData } from '../animation-with-blackjack-and-hooks.json'
and then

const defaultOptions:Options = { loop: true, autoplay: true, animationData: animationData, rendererSettings: { preserveAspectRatio: 'xMidYMid slice' } };

[wbdservices]

should be animationData: animationData.default

where add this?

[raheesm]

should be animationData: animationData.default

where should i add this