Super Sale Limited Time 50% OFF for All-Access Plans
Save 50% Now

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
Click any option to insert into your comment. Select text first to wrap it.
  • **text** to make things bold
  • *text* to emphasize
  • ### Heading to make headings
  • [link text](url) for links
  • ![alt text](image-url) to paste in an image
  • - item to make a list
  • 1. item to make an ordered list
  • > quote to quote somebody
  • `code` for single line of code
  • ```js ... ``` for JS code block
  • ```html ... ``` for HTML code block
  • ```scss ... ``` for SCSS code block
  • ```php ... ``` for PHP code block
  • --- for a horizontal rule
  • 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
Click any option to insert into your comment. Select text first to wrap it.
  • **text** to make things bold
  • *text* to emphasize
  • ### Heading to make headings
  • [link text](url) for links
  • ![alt text](image-url) to paste in an image
  • - item to make a list
  • 1. item to make an ordered list
  • > quote to quote somebody
  • `code` for single line of code
  • ```js ... ``` for JS code block
  • ```html ... ``` for HTML code block
  • ```scss ... ``` for SCSS code block
  • ```php ... ``` for PHP code block
  • --- for a horizontal rule
  • happy  :)
  • shocked  :|
  • sad  :(
Text formatting options
Submit
Click any option to insert into your comment. Select text first to wrap it.
  • **text** to make things bold
  • *text* to emphasize
  • ### Heading to make headings
  • [link text](url) for links
  • ![alt text](image-url) to paste in an image
  • - item to make a list
  • 1. item to make an ordered list
  • > quote to quote somebody
  • `code` for single line of code
  • ```js ... ``` for JS code block
  • ```html ... ``` for HTML code block
  • ```scss ... ``` for SCSS code block
  • ```php ... ``` for PHP code block
  • --- for a horizontal rule
  • happy  :)
  • shocked  :|
  • sad  :(