Question: How to use querySelector ? Server says querySelector is not a function

[haia212]

Hello !

I am trying to use document.querySelector in a service to automatically update all meta tags in a page (it is based on ng2-meta : https://github.com/vinaygopinath/ng2-meta).

document is injected in my service constructor as follow

constructor(@Inject(DOCUMENT) private document: any) 

The problem is that the server keeps displaying an exception

EXCEPTION: this.document.querySelector is not a function

What I am doing wrong ? How to use querySelector properly ?

I am using universal v2.1.0-rc.1. According to this repository, querySelector is supported by universal.

[0radek]

Correct me if I'm wrong, but don't you need to import isBrowser from ng2-universal, and create a conditional where if that's true, then do your querySelector.

[haia212]

Yes it is a solution, except that I am using universal for seo purpose. I would like to render the meta tags of my html on server side. That's why I am using querySelector and I need it on server side (not in a isBrowser if).
According to this issue (#534) querySelector is supposed to be supported, no ?

[0radek]

Oh ok, my bad! You can try using the meta service as is done here: https://github.com/angular/universal-starter/blob/master/src/angular2-meta.ts

Let me know if that is able to help you. I'll be starting on this probably later part of this week, so it'd be cool to coordinate!

[haia212]

Thank you ! It works !

[0radek]

No problem dude! Good luck.

Also can you close this? :)

[angular-automatic-lock-bot]

This issue has been automatically locked due to inactivity.
Please file a new issue if you are encountering a similar or related problem.

Read more about our automatic conversation locking policy.

_{This action has been performed automatically by a bot.}