Uncaught Type JavaScript Error In Uno.Lottie WebAssembly

问题

I have an AnimatedVisualPlayer on my Page for playing a Lottie:

<winui:AnimatedVisualPlayer
    x:Name="player"
    AutoPlay="true" Width="150" Height ="150" PlaybackRate="1.5">

    <lottie:LottieVisualSource
        UriSource="ms-appx:///Lottie/waiter.json" />
</winui:AnimatedVisualPlayer>

I installed these packages:

• Microsoft.Toolkit.Uwp.UI.Lottie (for theLottieVisualSource)
  • Microsoft.UI.Xaml (for the AnimatedVisualPlayer)
  • Uno.UI.Lottie (for the LottieVisualSource)
  • Uno.UI (for the AnimatedVisualPlayer)

I did it also:

On WASM, iOS and macOS, you can put the Lottie .json files directly in a folder of the shared project (for example "Lottie/myanimation.json") and set their Build action as Content.

UWP can play the Lottie seamlessly:

However, WASM cannot play Lottie with this error:

Nuget Package Version(s):

Nuget Package:

Package Version(s):

• Uno.UI.RemoteControl {2.4.0}
• Newtonsoft.Json {12.0.3}
• Uno.UI.Lottie {2.4.0}
• Uno.Wasm.Bootstrap {1.2.0}
• Uno.Wasm.Bootstrap.DevServer {1.2.0}
• ACM_Search_AdminApps.Shared {1.1.0}
• Microsoft.Extensions.Logging.Filter {1.1.2}
• Microsoft.Extensions.Logging.Con... {1.1.1}
• NETStandard.Library {2.0.3}
• Uno.UI {2.4.0}
• ACM_Search_AdminApps.Shared {1.1.0}
• Microsoft.NETCore.UniversalWindo... {6.2.10}
• Microsoft.Extensions.Logging.Con... {1.1.1}
• Microsoft.Extensions.Logging.Filter {1.1.2}
• Microsoft.Toolkit.Uwp.UI.Lottie {6.0.0}
• Microsoft.UI.Xaml {2.4.2}
• Newtonsoft.Json {12.0.3}
• Uno.Core {2.0.0}
• Microsoft.Toolkit.Uwp.UI.Lottie {6.0.0}

How can I fix this ? Thanks.

回答1:

This is a bug in the Lottie add-in for Uno-Wasm, caused by the fact you were using the PlaybackRate and you're running in a non-english context with a culture where the decimal are serialized using a comma and not a dot.

This PR #3257 should fix the problem.

UPDATE: This PR has been merged and the fix will be available in Uno v3.0.0-dev.135.

来源：https://stackoverflow.com/questions/62030326/uncaught-type-javascript-error-in-uno-lottie-webassembly