angular: Angular 2 and IE9 requestAnimationFrame error

I followed the quickstart, and now that it’s working fine, the only browser so far I’ve found it not working in, is IE9.

Full log:

HTML1300: Navigation occurred.
localhost:3000
EXCEPTION: Error during instantiation of function BrowserDetails() {! (Token Promise<ComponentRef> -> function DynamicComponentLoader() {} -> function Compiler() {} -> function RuntimeCompiler() { -> function ProtoViewFactory(_renderer, _platformPipes, _directiveResolver, _viewResolver, _pipeResolver, _appId) { -> function Renderer() {} -> function DomRenderer() { -> function AnimationBuilder(browserDetails) { -> function BrowserDetails() {).
   EXCEPTION: Error during instantiation of function BrowserDetails() {! (Token Promise<ComponentRef> -> function DynamicComponentLoader() {} -> function Compiler() {} -> function RuntimeCompiler() { -> function ProtoViewFactory(_renderer, _platformPipes, _directiveResolver, _viewResolver, _pipeResolver, _appId) { -> function Renderer() {} -> function DomRenderer() { -> function AnimationBuilder(browserDetails) { -> function BrowserDetails() {).
   ORIGINAL EXCEPTION: TypeError: Object doesn't support property or method 'requestAnimationFrame'

EXCEPTION: Error during instantiation of function BrowserDetails() {! (Token Promise<ComponentRef> -> function DynamicComponentLoader() {} -> function Compiler() {} -> function RuntimeCompiler() { -> function ProtoViewFactory(_renderer, _platformPipes, _directiveResolver, _viewResolver, _pipeResolver, _appId) { -> function Renderer() {} -> function DomRenderer() { -> function AnimationBuilder(browserDetails) { -> function BrowserDetails() {).
   EXCEPTION: Error during instantiation of function BrowserDetails() {! (Token Promise<ComponentRef> -> function DynamicComponentLoader() {} -> function Compiler() {} -> function RuntimeCompiler() { -> function ProtoViewFactory(_renderer, _platformPipes, _directiveResolver, _viewResolver, _pipeResolver, _appId) { -> function Renderer() {} -> function DomRenderer() { -> function AnimationBuilder(browserDetails) { -> function BrowserDetails() {).
   STACKTRACE:


-----async gap-----

   ORIGINAL EXCEPTION: TypeError: Object doesn't support property or method 'requestAnimationFrame'

Error: EXCEPTION: Error during instantiation of function BrowserDetails() {! (Token Promise<ComponentRef> -> function DynamicComponentLoader() {} -> function Compiler() {} -> function RuntimeCompiler() { -> function ProtoViewFactory(_renderer, _platformPipes, _directiveResolver, _viewResolver, _pipeResolver, _appId) { -> function Renderer() {} -> function DomRenderer() { -> function AnimationBuilder(browserDetails) { -> function BrowserDetails() {).
ORIGINAL EXCEPTION: TypeError: Object doesn't support property or method 'requestAnimationFrame'
    Error loading http://localhost:3000/app/boot.js
   {
      [functions]: ,
      description: "undefined",
      message: "EXCEPTION: Error during instantiation of function BrowserDetails() {! (Token Promise<ComponentRef> -> function DynamicComponentLoader() {} -> function Compiler() {} -> function RuntimeCompiler() { -> function ProtoViewFactory(_renderer, _platformPipes, _directiveResolver, _viewResolver, _pipeResolver, _appId) { -> function Renderer() {} -> function DomRenderer() { -> function AnimationBuilder(browserDetails) { -> function BrowserDetails() {).
ORIGINAL EXCEPTION: TypeError: Object doesn't support property or method 'requestAnimationFrame'
    Error loading http://localhost:3000/app/boot.js",
      name: "Error",
      number: NaN,
      stack: undefined
   }

It appears Angular is expecting requestAnimationFrame to exist, which on IE9 doesn’t. This is confirmed on caniuse.com. I expect a similar error to occur on Android 4.1, which is also claimed to be supported and also doesn’t have support for RAF.

Everything was built and downloaded today. So everything is at the latest version at the time of writing. Let me repeat myself: I followed the quickstart. I did nothing else. So if you need any code that might be causing this problem, please refer to the quickstart.

About this issue

  • Original URL
  • State: closed
  • Created 9 years ago
  • Comments: 15 (7 by maintainers)

Most upvoted comments

关闭因为原始问题似乎已经解决。如果您对ie9和动画有进一步的问题,请重新打开一个新问题 i use the way above,but i can’t solve the problem and the bug follow _20181112200115

So Angular2 does not support IE9, because it needs polyfills… Why does it claim support for IE9 then?

Btw, it also doesn’t work on Android 4.2 (stock browser).