Skip to content
This repository was archived by the owner on Nov 22, 2024. It is now read-only.
This repository was archived by the owner on Nov 22, 2024. It is now read-only.

SSR my <app-root> loading doesn't appear in SSR build #1598

@lorenzochaudessolle

Description

@lorenzochaudessolle

🐞 bug report

Affected Package

The issue is caused by package @angular/nguniversal

Is 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 :

image

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 serveand 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 :)

Metadata

Metadata

Assignees

No one assigned

    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