Welcome to OStack Knowledge Sharing Community for programmer and developer-Open, Learning and Share
Welcome To Ask or Share your Answers For Others

Categories

0 votes
429 views
in Technique[技术] by (71.8m points)

typescript - Window Object is undefined in SSR Angular

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

与恶龙缠斗过久,自身亦成为恶龙;凝视深渊过久,深渊将回以凝视…
Welcome To Ask or Share your Answers For Others

1 Answer

0 votes
by (71.8m points)
Waitting for answers

与恶龙缠斗过久,自身亦成为恶龙;凝视深渊过久,深渊将回以凝视…
Welcome to OStack Knowledge Sharing Community for programmer and developer-Open, Learning and Share
Click Here to Ask a Question

...