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

Request for Migration Guidelines: Metronic Angular 7 to Version 8 (Recent Purchase)


Dear Support Team,

I hope this email finds you well. We recently purchased your Metronic product and have been highly satisfied with its performance and capabilities. Your team's dedication to providing regular updates and improvements is commendable.

In light of our recent purchase, we are now looking to upgrade our existing Metronic Angular 7 project to the latest version, Metronic Angular 8. We understand that this transition may require careful consideration and adherence to recommended guidelines.

Hence, we kindly request your assistance in providing detailed guidelines, instructions, and any relevant documentation specific to migrating from Metronic Angular 7 to Metronic Angular 8. As we highly value your expertise, we believe your guidance will be instrumental in ensuring a seamless and successful migration.

Specifically, we would greatly appreciate information regarding any breaking changes, necessary updates to dependencies, recommended steps for updating the codebase, and any other considerations we should keep in mind during the migration process.

Furthermore, if there are any specific tools, utilities, or resources you recommend to facilitate this migration, we would be grateful for your suggestions.

We want to express our sincere appreciation for the quality of your product and the support you provide to your customers. We are confident that with your guidance, we can efficiently upgrade to Metronic Angular 8 and continue to leverage its powerful features to enhance our projects.

Thank you in advance for your support and prompt response. Should you require any further information from our end, please do not hesitate to reach out. We eagerly await your assistance in making this migration process as seamless as possible.


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)


We have introduced a new component, app-keenicon, for showing the latest icons in our app. You can find it in the following folder: /src/app/_metronic/shared/keenicon/

Please check this guide link for upgrading Angular framework version.
Upgrade older angular

Keep in mind that Metronic has made some breaking changes in the major version upgrade and you will also need to update the html parts accordingly.

Thanks



Hi,

Unfortunately, it is not possible to upgrade Angular from Metronic v7 to Angular Metronic v8. The latest major version is a complete rewrite of the framework and requires a new project setup. We apologize for any inconvenience.

Thanks



Hi Faizal,

I already follow the instruction at https://preview.keenthemes.com/metronic8/angular/docs/quick-start to install the metronic 8 angular, unfortunately, below error occurs. Any suggestions?

270 <app-keenicon name="gen019.svg" class="fs-3"></app-keenicon>
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

src/app/_metronic/partials/content/widgets/tables/tables-widget11/tables-widget11.component.ts:5:16
5 templateUrl: './tables-widget11.component.html',
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
Error occurs in the template of component TablesWidget11Component.


Error: src/app/_metronic/partials/content/widgets/tables/tables-widget11/tables-widget11.component.html:279:15 - error NG8001: 'app-keenicon' is not a known element:
1. If 'app-keenicon' is an Angular component, then verify that it is part of this module.
2. If 'app-keenicon' is a Web Component then add 'CUSTOM_ELEMENTS_SCHEMA' to the '@NgModule.schemas' of this component to suppress this message.

279 <app-keenicon name="art005.svg" class="fs-3"></app-keenicon>
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

src/app/_metronic/partials/content/widgets/tables/tables-widget11/tables-widget11.component.ts:5:16
5 templateUrl: './tables-widget11.component.html',
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
Error occurs in the template of component TablesWidget11Component.


Error: src/app/_metronic/partials/content/widgets/tables/tables-widget11/tables-widget11.component.html:285:15 - error NG8001: 'app-keenicon' is not a known element:
1. If 'app-keenicon' is an Angular component, then verify that it is part of this module.
2. If 'app-keenicon' is a Web Component then add 'CUSTOM_ELEMENTS_SCHEMA' to the '@NgModule.schemas' of this component to suppress this message.

285 <app-keenicon name="gen027.svg" class="fs-3"></app-keenicon>
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

src/app/_metronic/partials/content/widgets/tables/tables-widget11/tables-widget11.component.ts:5:16
5 templateUrl: './tables-widget11.component.html',
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
Error occurs in the template of component TablesWidget11Component.


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