Getting Error while angular universal server running

Bug Report

What is the expected behavior?

should be renders serverside properly.

What is the current behavior?

when i navigate to port 4000,it returns like this.

Node Express server listening on http://localhost:4000 Warning: Flex Layout loaded on the server without FlexLayoutServerModule /home/ss2/app/dist/server.js:344 throw error; ^

ReferenceError: requestAnimationFrame is not defined at AnimationFrameAction.requestAsyncId (/home/ss2/app/dist/server.js:30505:40) at AnimationFrameAction.AsyncAction.schedule (/home/ss2/app/dist/server.js:29678:35)

What modules are related to this issue?

- In Angular app ,have used Material,no furher animation Modules.
- [ ] express-engine

[michelepatrassi]

@sreeragnair @munkhbayar17 requestAnimationFrame is defined in the browser, not in node where your server side application runs. Add the following code in your server.ts to define it plus cancelAnimationFrame:

global['requestAnimationFrame'] = function(callback, element) {
  let lastTime = 0;
  const currTime = new Date().getTime();
  const timeToCall = Math.max(0, 16 - (currTime - lastTime));
  const id = setTimeout(function() { callback(currTime + timeToCall); },
    timeToCall);
  lastTime = currTime + timeToCall;
  return id;
};

global['cancelAnimationFrame'] = function(id) {
  clearTimeout(id);
};

I hope this will help!

[raju-kommidi]

@sreeragnair @munkhbayar17 requestAnimationFrame is defined in the browser, not in node where your server side application runs. Add the following code in your server.ts to define it plus cancelAnimationFrame:

global['requestAnimationFrame'] = function(callback, element) {
  let lastTime = 0;
  const currTime = new Date().getTime();
  const timeToCall = Math.max(0, 16 - (currTime - lastTime));
  const id = setTimeout(function() { callback(currTime + timeToCall); },
    timeToCall);
  lastTime = currTime + timeToCall;
  return id;
};

global['cancelAnimationFrame'] = function(id) {
  clearTimeout(id);
};

I hope this will help!

Thanks, It works for me.