Get 2024 Templates Mega Bundle!$1000 worth of 19 Bootstrap HTML, Vue & React Templates + 3 Vector Sets for just $99
Get for 99$

Angular Universal, Metronic v8.1.6. Nothing is rendering server side


I downloaded a fresh copy of metronic angular v8.1.6. Then ran ng add "ng add @nguniversal/express-engine@14.1.0",

I added some code to deal with the client side issues like localstorage and windows, but nothing is rendering on the brower from the router-outlet. Can anyone help?


Text formatting options
Submit
Here's a how to add some HTML formatting to your comment:
  • <pre></pre> for JS codes block
  • <pre lang="html"></pre> for HTML code block
  • <pre lang="scss"></pre> for SCSS code block
  • <pre lang="php"></pre> for PHP code block
  • <code></code> for single line of code
  • <strong></strong> to make things bold
  • <em></em> to emphasize
  • <ul><li></li></ul>  to make list
  • <ol><li></li></ol>  to make ordered list
  • <h3></h3> to make headings
  • <a></a> for links
  • <img> to paste in an image
  • <blockquote></blockquote> to quote somebody
  • happy  :)
  • shocked  :|
  • sad  :(

Replies (3)


Hi Alamin,

I apologize for the delayed response. We have looked into the issue you reported. However, we have not yet been able to determine the cause or find a solution. We will need some more time to investigate the issue further and work on a fix. Thank you for your patience.

Thanks



Hi Alamin,

It seems that the change detection onpush feature might be causing the issue. To check if this is the case, you can try disabling it from the file located at demo1/src/app/app.component.ts.

To disable change detection onpush in your Angular app, you can modify the app.component.ts file in the demo1/src/app directory. Here is an example of how to disable change detection onpush:


import { ChangeDetectionStrategy, Component } from "@angular/core";

@Component({
selector: "app-root",
templateUrl: "./app.component.html",
changeDetection: ChangeDetectionStrategy.Default // Set the change detection strategy to Default
})
export class AppComponent { }


This should help resolve the issue with @nguniversal/express-engine not rendering in the browser.

Thanks


Text formatting options
Submit
Here's a how to add some HTML formatting to your comment:
  • <pre></pre> for JS codes block
  • <pre lang="html"></pre> for HTML code block
  • <pre lang="scss"></pre> for SCSS code block
  • <pre lang="php"></pre> for PHP code block
  • <code></code> for single line of code
  • <strong></strong> to make things bold
  • <em></em> to emphasize
  • <ul><li></li></ul>  to make list
  • <ol><li></li></ol>  to make ordered list
  • <h3></h3> to make headings
  • <a></a> for links
  • <img> to paste in an image
  • <blockquote></blockquote> to quote somebody
  • happy  :)
  • shocked  :|
  • sad  :(
Text formatting options
Submit
Here's a how to add some HTML formatting to your comment:
  • <pre></pre> for JS codes block
  • <pre lang="html"></pre> for HTML code block
  • <pre lang="scss"></pre> for SCSS code block
  • <pre lang="php"></pre> for PHP code block
  • <code></code> for single line of code
  • <strong></strong> to make things bold
  • <em></em> to emphasize
  • <ul><li></li></ul>  to make list
  • <ol><li></li></ol>  to make ordered list
  • <h3></h3> to make headings
  • <a></a> for links
  • <img> to paste in an image
  • <blockquote></blockquote> to quote somebody
  • happy  :)
  • shocked  :|
  • sad  :(