New Metronic Docs!Added Integration Docs with Starter Kits Apps for Laravel, Laravel Livewire, Angular, Vue, Symfony, Blazor Server, Django & Flask & more
Browse Docs

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 (4)


I’ve seen how focused UI/UX design transforms user experiences by making interfaces intuitive, efficient, and visually best software training institute in kochi appealing. When usability meets creativity, engagement naturally improves. I often stress the importance of research and testing, as understanding user behavior is key to building digital products that feel seamless and genuinely satisfying.



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