Polymer 3中paper-dialog动画失效,报错document.timeline.play不是函数
问题解决:paper-dialog动画无法生效的修复
问题原因
控制台报错document.timeline.play is not a function,说明当前环境不支持原生Web Animations API,而Polymer的neon-animation组件依赖该API实现动画效果。
解决步骤
需要导入Web Animations API的polyfill来兼容环境,添加以下导入语句即可:
import 'web-animations-js/web-animations-next.min.js';
若已通过npm安装web-animations-js包,也可简化为:
import 'web-animations-js';
验证说明
导入polyfill后,document.timeline相关API会被正确初始化,neon-animation就能正常调用动画方法,paper-dialog的进入/退出动画即可生效。
内容的提问来源于stack exchange,提问作者ZeunO8
相关产品推荐
相关产品推荐

