无法在运行之前加载动画 Rive web

Question

我正在尝试为我的 angular 网络应用程序使用动态动画

    <canvas riv="checkmark_icon" width="500" height="500">
        <riv-animation name="idle" [play]="animate" (load)="loadAnimation()"></riv-animation>
    </canvas>

因此，根据 ng-rive npm 页面的文档，我遵循了这些步骤。但是我在我的控制台中收到此错误。

最初我以为我是在弹出窗口中加载动画，因此出现了问题，所以我尝试在实际页面上加载动画但没有帮助。

ERROR Error: Could not load animation before running it
    at RiveAnimationDirective.moveFrame (ng-rive.js:624)
    at MapSubscriber.project (ng-rive.js:618)
    at MapSubscriber._next (map.js:29)
    at MapSubscriber.next (Subscriber.js:49)
    at FilterSubscriber._next (filter.js:33)
    at FilterSubscriber.next (Subscriber.js:49)
    at SwitchMapSubscriber.notifyNext (switchMap.js:66)
    at SimpleInnerSubscriber._next (innerSubscribe.js:10)
    at SimpleInnerSubscriber.next (Subscriber.js:49)
    at MapSubscriber._next (map.js:35)

从错误中我唯一能理解的是加载动画时出现了一些问题，并且 rive 播放器在加载之前尝试播放动画。

Answer 1

我遇到了同样的问题，对我来说 Rive 似乎有点过时了，因为在我的 Angular 项目中使用 npm 安装包引入了很多 JavaScript 依赖错误。网上好像没有太多人支持这个工具，可能已经停止维护了？

我刚刚检查了一下，我的版本比此处指定的版本高很多link：https://github.com/dappsnation/ng-rive

Answer 2

名称属性取动画名称，您必须提供正确的动画名称。 rive dashboard, see bottom left animation

我的项目的名称="理想"。

无法在运行之前加载动画 Rive web

Could not load animation before running it Rive web

html

angular

typescript

rive

无法在 运行 之前加载动画 Rive web

Could not load animation before running it Rive web

html

angular

typescript

rive

无法在运行之前加载动画 Rive web