Angular Component styles not linked properly during preboot (_ngcontent-serverApp-c16 vs _ngcontent-sc16)

[ohabash]

Note: for support questions, please use the Universal Slack Channcel or https://gitter.im/angular/universal

• I'm submitting a ... bug report

• Which parts of preboot are affected by this issue? client side

• What is the current behavior? During preboot the html attributes do not match the inlined component css. example:

• Before preboot complete

  css: copy[_ngcontent-serverApp-c16]
  html: <div _ngcontent-sc16="" class="copy">

• After app loads (preboot complete)

  css: copy[_ngcontent-serverApp-c16]
  html: <div _ngcontent-serverapp-c16="" class="copy">

• app.module.ts

  imports: [
  ...
  BrowserModule.withServerTransition({ appId: 'ZaynTekApp' }),
  PrebootModule.withConfig({ appRoot: 'app-root', replay: false  }),
  ...
  ]

• Please tell us about your environment:

• Browser: chrome Version 84.0.4147.105 (all)

• Language: TS 3.96

• OS: MAC (all)

• Platform: nodejs

• Other information (e.g. detailed explanation, stacktraces, related issues, suggestions how to fix, links for us to have context, eg. stackoverflow, gitter, etc)

[hiepxanh]

ok have the samee problem, it have two angular application, after preboot complete, it hidden server app, which have inline style, and show the angular bootstrap app, which missing the server style. I see the problem now