javascript - 聚合物动画得到关键帧错误

Question

我为我的元素创建了一个简单的动画，但我得到的不是很酷的效果Uncaught TypeError: Keyframes must be null or an array of keyframes。

<script>
        Polymer({
            is: 'marvin-user-entrance',
            behaviors: [
                Polymer.NeonAnimationRunnerBehavior
            ],
            properties: {
                animationConfig: {
                    value: function() {
                        return {
                            'fade-in':[{name: 'fade-in-animation', node: this}],
                            'fade-out':[{name: 'fade-out-animation', node: this}]
                        }
                    }
                }
            },
            animate: function () {
                this.playAnimation('fade-out');
            },
            ready: function () {
                this.$.auth.animate();
            }
        });

    </script>

似乎不是Polymer本身的问题，而是在我的代码或网络动画节点的某个地方......

Answer 1

您应该调用this.animate()而不是在此 Polymer 元素this.$.auth.animate()中定义animate函数。

如果您只想为auth元素设置动画，请将nodeto 指向this.$.auth而不是整个元素，如下所示 -

node: this.$.auth

Answer 2

不完全确定这是否是其根源，但我发现在 CSS 中明确设置动画元素的宽度和高度（以像素为单位）后，类似的错误就会消失。