typescript - Window Object is undefined in SSR Angular

Question

I am using angular SSR 'npm run dev:ssr' command to run my app and Whenever I run this below code:

component.ts

@HostListener('window:resize', ['$event']) getSize(event?): void {
       console.log(window.innerWidth)
}

I get this error:

ERROR ReferenceError: window is not defined

---

I tried the below code which only runs host listener in the browser

component.ts

constructor(@Inject(PLATFORM_ID) private platformId) {
if (!isPlatformBrowser(platformId)) {
  console.log('Server');
} else {
 console.log('Browser');
 @HostListener('window:resize', ['$event']) getSize(event?): void {
       console.log(window.innerWidth)
 }
}

but I get this error

>Declaration expected.
>Cannot find name 'getSize'.

Q1)How to solve 'window is not defined' error?
Q2)Is there any way to write 'host listener' inside the constructor?

question from:https://stackoverflow.com/questions/65857783/window-object-is-undefined-in-ssr-angular

Answer 1

Waitting for answers