-
Notifications
You must be signed in to change notification settings - Fork 480
SSR my <app-root> loading doesn't appear in SSR build #1598
Description
🐞 bug report
Affected Package
The issue is caused by package @angular/nguniversalIs this a regression?
I never have test it in older version.Description
Before i load my main component (so my website), i 've wanted to show a spinner like this :But when i run my npm run build:ssr
, the website load in white page and show directly the component, the spinner doesn't appear.
While in dev mode ng serve
and in "standard build" npm run build
it works.
I put my code in index.html especially in tags :
<app-root> <div class="app-loading"> <div class="logo"></div> <svg class="spinner" viewBox="25 25 50 50"> <circle class="path" cx="50" cy="50" r="20" fill="none" stroke-width="2" stroke-miterlimit="10" /> </svg> </div> </app-root>
the CSS is also put in the index.html
🔬 Minimal Reproduction
There is a little reproduction that I expect of my loading
https://stackblitz.com/edit/angular-issue-ssr-build-hyqpcq?embed=1&file=src/app/app.component.ts
🔥 Exception or Error
There is no error or Exception shown
🌍 Your Environment
Angular Version:
/ \ _ __ __ _ _ _| | __ _ _ __ / ___| | |_ _|
/ △ \ | '_ \ / _` | | | | |/ _` | '__| | | | | | |
/ ___ \| | | | (_| | |_| | | (_| | | | |___| |___ | |
/_/ \_\_| |_|\__, |\__,_|_|\__,_|_| \____|_____|___|
|___/
Angular CLI: 9.0.2
Node: 12.14.0
OS: win32 x64
Angular: 9.0.1
... animations, common, compiler, compiler-cli, core, forms
... language-service, platform-browser, platform-browser-dynamic
... router
Ivy Workspace: Yes
Package Version
-----------------------------------------------------------
@angular-devkit/architect 0.900.2
@angular-devkit/build-angular 0.900.2
@angular-devkit/build-optimizer 0.900.2
@angular-devkit/build-webpack 0.900.2
@angular-devkit/core 9.0.2
@angular-devkit/schematics 9.0.2
@angular/cli 9.0.2
@angular/platform-server 9.0.7
@ngtools/webpack 9.0.2
@nguniversal/builders 9.0.2
@nguniversal/common 9.0.0
@nguniversal/express-engine 9.0.0
@schematics/angular 9.0.2
@schematics/update 0.900.2
rxjs 6.5.4
typescript 3.7.5
webpack 4.41.2
Anything else relevant?
Thanks for your help :)