JSPM Angular2-rc2构建动画错误
发布时间:2020-12-17 07:24:02 所属栏目:安全 来源:网络整理
导读:因此,使用JSPM构建我的angular2项目以供发布:jspm bundle-sfx app dist / main.sfx.js.一切都很好,直到我尝试在浏览器中加载构建的应用程序.这是我得到的错误:` EXCEPTION: Error during instantiation of AnimationDriver! (ViewUtils - RootRenderer - D
因此,使用JSPM构建我的angular2项目以供发布:jspm bundle-sfx app dist / main.sfx.js.一切都很好,直到我尝试在浏览器中加载构建的应用程序.这是我得到的错误:`
EXCEPTION: Error during instantiation of AnimationDriver! (ViewUtils -> RootRenderer -> DomRootRenderer -> AnimationDriver ORIGINAL EXCEPTION: TypeError: Cannot read property 'animate' of null 完整日志如下: The key "target-densitydpi" is not supported. EXCEPTION: Error during instantiation of AnimationDriver! (ViewUtils -> RootRenderer -> DomRootRenderer -> AnimationDriver). EXCEPTION: Error during instantiation of AnimationDriver! (ViewUtils -> RootRenderer -> DomRootRenderer -> AnimationDriver). ORIGINAL EXCEPTION: TypeError: Cannot read property 'animate' of null ORIGINAL STACKTRACE: TypeError: Cannot read property 'animate' of null at BrowserDomAdapter.supportsWebAnimation (browser_adapter.js:507) at _resolveDefaultAnimationDriver (browser.js:95) at ReflectiveInjector_._instantiate (reflective_injector.js:468) at ReflectiveInjector_._instantiateProvider (reflective_injector.js:410) at ReflectiveInjector_._new (reflective_injector.js:399) at ReflectiveInjectorDynamicStrategy.getObjByKeyId (reflective_injector.js:275) at ReflectiveInjector_._getByKeyDefault (reflective_injector.js:571) at ReflectiveInjector_._getByKey (reflective_injector.js:548) at ReflectiveInjector_._getByReflectiveDependency (reflective_injector.js:539) at ReflectiveInjector_._instantiate (reflective_injector.js:441) EXCEPTION: Error during instantiation of AnimationDriver! (ViewUtils -> RootRenderer -> DomRootRenderer -> AnimationDriver). EXCEPTION: Error during instantiation of AnimationDriver! (ViewUtils -> RootRenderer -> DomRootRenderer -> AnimationDriver). ORIGINAL EXCEPTION: TypeError: Cannot read property 'animate' of null ORIGINAL STACKTRACE: TypeError: Cannot read property 'animate' of null at BrowserDomAdapter.supportsWebAnimation (browser_adapter.js:507) at _resolveDefaultAnimationDriver (browser.js:95) at ReflectiveInjector_._instantiate (reflective_injector.js:468) at ReflectiveInjector_._instantiateProvider (reflective_injector.js:410) at ReflectiveInjector_._new (reflective_injector.js:399) at ReflectiveInjectorDynamicStrategy.getObjByKeyId (reflective_injector.js:275) at ReflectiveInjector_._getByKeyDefault (reflective_injector.js:571) at ReflectiveInjector_._getByKey (reflective_injector.js:548) at ReflectiveInjector_._getByReflectiveDependency (reflective_injector.js:539) at ReflectiveInjector_._instantiate (reflective_injector.js:441) InstantiationError {_wrapperMessage: "DI Exception",_originalException: TypeError: Cannot read property 'animate' of null at BrowserDomAdapter.supportsWebAnimation (htt…,_originalStack: "TypeError: Cannot read property 'animate' of null?… (https://randohinn.com/w2w/main.sfx.js:47702:34)",_context: null,_wrapperStack: "Error: DI Exception? at InstantiationError.Wrap… (https://randohinn.com/w2w/main.sfx.js:47702:34)"…} 什么可能导致这样的错误?
当我使用webpack捆绑angular2应用程序时,我遇到了同样的错误.事实证明,在我的情况下,它抱怨document.body为null.当您在正文部分和脚本中立即尝试使用document.body操作脚本时,会发生这种情况.
我的index.html是这样的: <!DOCTYPE html> <html> <head> <base href=""> <title>Legal Review</title> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width,initial-scale=1"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <script src="build/thirdparty.js"></script> <script src="build/app.js"></script> </head> <body> <app-component> Loading... </app-component> </body> </html> 所以,我已经移动了这样的脚本: <!DOCTYPE html> <html> <head> <base href=""> <title>Legal Review</title> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width,initial-scale=1"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> </head> <body> <app-component> Loading... </app-component> <script src="build/thirdparty.js"></script> <script src="build/app.js"></script> </body> </html> 现在它工作正常. (编辑:李大同) 【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容! |
相关内容
- MULE2.1.2系列学习(一)
- yum – 如何使RHEL版本保持静态(例如RHEL 5.1)?
- angularjs – 如何在Angular.js中实现promise时总是运行一些
- 【数据结构】第4周 二叉树基础
- PrimeNG(PrimeUI)Webpack angular2打字稿
- was Unable to start bootstrap server using port 2809
- 在Scala中,如何获取“object”的* name *(而不是类的实例)?
- 福昕阅读器启动慢
- 这是否可能在scala def convert(f :()?Future[Int]):Futur
- twitter-bootstrap-3 – Joomla 3.2.2中的Bootstrap 3工具提