You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

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

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.07.03 18:14:51