Skip to content

@angular/platform-server : this._elementRef.nativeElement.querySelector is not a function #3988

@mahmood-sajjadi

Description

@mahmood-sajjadi

Bug, feature request, or proposal:

Bug

What is the expected behavior?

Should work with @angular/platform-server

What is the current behavior?

ERROR { Error: Uncaught (in promise): TypeError: this._elementRef.nativeElement.querySelector is not a function
TypeError: this._elementRef.nativeElement.querySelector is not a function

What are the steps to reproduce?

The issue is related to this file
https://github.com/angular/material2/blob/master/src/lib/progress-spinner/progress-spinner.ts

but because it is a server-side rendering issue, and it is working fine in the client I can't create a plunker demo

What is the use-case or motivation for changing an existing behavior?

Spinner is a common component for pages which will load a data from API call and should be ignored in server-side rendering as we will send a full pre-rendered HTML page with all content to the client, (but I don't know how should I ignore it after bootstrapping angular in client-side).

Which versions of Angular, Material, OS, browsers are affected?

nightly-build 2.0.0-beta.3
2.0.0-beta.3-94320c4
https://registry.yarnpkg.com/@angular/material/-/material-2.0.0-beta.3.tgz#ec31dee61d7300ece28fee476852db236ded1e13

Is there anything else we should know?

No

Metadata

Metadata

Assignees

Labels

No labels
No labels

Type

No type

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions