Metronic Mega Update!Tailwind 4, React 19, Next.js 15, KtUI, ReUI, eCommerce, User Management Apps and more
Explore Update

Metronic Tailwind - Angular Support


Hey there.

As per the documentation, I was trying to prepare a new project with the new update (v9.2.0).

I tried following the next steps:

Import KTUI and Metronic Scripts
Edit angular.json and add the following to the scripts array (under the build options for your project):


"scripts": [
"node_modules/@keenthemes/ktui/dist/ktui.js",
"src/assets/metronic/core/index.js",
"src/assets/metronic/app/layouts/demo1.js"
]


However, in the src/assets/metronic/core folder, there would only be a index.ts and this isn't expected on the angular.json file.

What can I do to resolve the problem?

Thank you and have a great weekend.


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)


I've got the same problems, do you have an approx when you're updating the angular integration docs @Faizal?



Hi

Sorry for the inconvenience.
We will update and fix the Metronic v9 Angular integration docs as soon as possible.

Thanks



I tried running tsc over the index.ts, build passed, however, more weird errors kicked in:


Watch mode enabled. Watching for file changes...
NOTE: Raw file sizes do not reflect development server per-request transformations.
&acirc;&#158;&#156; Local:
&acirc;&#158;&#156; press h + enter to show help
&acirc;&#156;&#152; [ERROR] Could not resolve "./dropdown"

node_modules/@keenthemes/ktui/src/components/dropdown/index.ts:6:27:
6 &acirc;&#148;&#130; export { KTDropdown } from "./dropdown";
&acirc;&#149;&micro; ~~~~~~~~~~~~


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