我的页面上有几个动画。在谷歌浏览器上运行良好,也在Safari(MacOS)上运行良好。在Firefox最新版本(53.0)不起作用,并抛出以下错误:
ERROR TypeError: can't convert undefined to object
Stack trace:
WebAnimationsPlayer.prototype._captureStyles@http://192.168.1.78:8000/node_modules/@angular/animations/bundles/animations-browser.umd.js:2427:13
WebAnimationsPlayer/<@http://192.168.1.78:8000/node_modules/@angular/animations/bundles/animations-browser.umd.js:2243:26
WebAnimationsPlayer@http://192.168.1.78:8000/node_modules/@angular/animations/bundles/animations-browser.umd.js:2242:9
WebAnimationsDriver.prototype.animate@http://192.168.1.78:8000/node_modules/@angular/animations/bundles/animations-browser.umd.js:2487:16
DomAnimationEngine.prototype._buildPlayer@http://192.168.1.78:8000/node_modules/@angular/animations/bundles/animations-browser.umd.js:1544:16
DomAnimationEngine.prototype.animateTransition/players<@http://192.168.1.78:8000/node_modules/@angular/animations/bundles/animations-browser.umd.js:1490:20
DomAnimationEngine.prototype.animateTransition@http://192.168.1.78:8000/node_modules/@angular/animations/bundles/animations-browser.umd.js:1488:40
DomAnimationEngine.prototype.setProperty@http://192.168.1.78:8000/node_modules/@angular/animations/bundles/animations-browser.umd.js:1379:13
AnimationRenderer.prototype.setProperty@http://192.168.1.78:8000/node_modules/@angular/platform-browser/bundles/platform-browser-animations.umd.js:234:13
setElementProperty@http://192.168.1.78:8000/node_modules/@angular/core/bundles/core.umd.js:9544:5
checkAndUpdateElementValue@http://192.168.1.78:8000/node_modules/@angular/core/bundles/core.umd.js:9463:13
.
.
.
并继续......
如果我更改了NoopAnimationsModule的BrowserAnimationsModule(用于禁用动画),它会加载页面而不会出现任何问题。
这只发生在Firefox上,而不是Chrome或Safari上。
更新1
请看我制作的这个龙头。 Firefox上的结果是一样的。
http://plnkr.co/edit/K2NxOn?p=preview
有什么想法吗?