The Metronic 8.1.8 Angular Demo1 fail to display web pages

Hello I have done as you said in the documentation
https://preview.keenthemes.com/metronic8/angular/docs/quick-start

cd angular/demo1
npm clear cache --force
npm install --legacy-peer-deps
ng serve

and then in the http://localhost:4200/auth/login , the web page show correctly, but when I enter in the http://localhost:4200/dashboard , the page is not rendered, all the images are not there and the page has lot of errors such this one

src_app_pages_dashboard_dashboard_module_ts.js:2 ERROR TypeError: Cannot read properties of undefined (reading "name")
at UserInnerComponent_ng_container_0_Template (user-inner.component.html:123:11)
at executeTemplate (core.mjs:10534:9)
at refreshView (core.mjs:10419:13)
at refreshEmbeddedViews (core.mjs:11434:17)
at refreshView (core.mjs:10443:9)
at refreshComponent (core.mjs:11480:13)
at refreshChildComponents (core.mjs:10210:9)
at refreshView (core.mjs:10469:13)
at refreshComponent (core.mjs:11480:13)
at refreshChildComponents (core.mjs:10210:9)

Can you help me to fix that?

Best regards,
Paulo
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 (4)

Hello Paulo,

I apologize for the inconvenience you"re experiencing with the Metronic 8.1.8 Angular Demo1.

Try to remove node_modules folder, then retry with installation using "npm install" or "yarn" command.

Try also updating the Angular dependencies to the latest versions. You can do this by running the following command in the project directory:
ng update


This will update the Angular dependencies to their latest compatible versions.

Thanks
Hi Faizal,

Thanks for the reply, but it still not working.

I will try to debug to understand what is the problem.

Best regards.
Paulo
Hi Paulo,

I apologize for the continued issues you"re facing with the Metronic 8.1.8 Angular Demo1.

If removing the node_modules folder and reinstalling the dependencies using npm install or yarn did not resolve the problem, it"s a good idea to debug and understand the root cause.

Here are a few suggestions to help you with the debugging process:

Check the console: Open the browser"s developer console and look for any error messages or warnings that might provide insights into the issue. Pay attention to any specific file or component mentioned in the error messages.

Review the code: Take a closer look at the component mentioned in the error message (UserInnerComponent) and the template file (user-inner.component.html). Check if there are any issues with accessing the "name" property or any other undefined properties.

Verify data binding: Ensure that the necessary data is properly passed to the component and that the bindings in the template are correctly referencing the data.

Check network requests: Use the Network tab in the browser"s developer console to check if the images or any other required assets are being loaded correctly. Look for any failed requests or missing assets.

By following these steps, you should be able to identify the specific cause of the issue and work towards resolving it. If you encounter any specific error messages or need further assistance, feel free to provide more details, and I"ll be happy to help.

Best regards,
Faizal
Hello Faizal,

Thanks again for the quick anwser.

I was able to put the website working, I just clean all the cache of my google chrome browser, then reload the website, and now is working.

Best regards,
Paulo
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  :(

React Dev Vacancy

KeenThemes is looking for a Junior React or Vue developer to build awesome apps.
Apply
keenthemes mega bundle