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

Metronic 9 and Composer HTML not generated


Helo,

I have followed the steps for Static HTML Files Generation in the Metronic Composer documentation, but I am not seeing any changes in my HTML files. What could be the issue? How can I ensure the HTML files are properly generated and updated?

Here is my command:

metronic-composer % ./generate.sh
INFO:generator:Building assets for metronic-tailwind-html. Please wait...
INFO:generator:
up to date, audited 602 packages in 729ms

154 packages are looking for funding
run `npm fund` for details

6 moderate severity vulnerabilities

To address all issues (including breaking changes), run:
npm audit fix --force

Run `npm audit` for details.

INFO:generator:
> metronic-tailwind-html@9.0.4 build:css
> npx tailwindcss -i ./src/css/styles.css -o ./dist/assets/css/styles.css


INFO:generator:Assets built successfully
INFO:generator:HTML files generated successfully in themes/metronic-tailwind-html/dist/html
A total of 0 links were processed.


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


Dealing with Metronic 9 and Composer HTML generation issues has been challenging. I’ve found that troubleshooting involves Spectra Precision LL300N Laser Level w/ HL450 Receiver checking dependencies and ensuring compatibility between versions. It’s crucial to verify that all components are correctly configured and updated. Addressing these issues promptly ensures a smoother development process and more reliable project outcomes.



Hi John,

When you executed run.sh, were you able open the localhost URL http://127.0.0.1:8001 and access the demo site on your local?

Thank you



Hi Faizal,

I can access the demo website on http://127.0.0.1:8002



Hi Faizal,

I can also access it on http://127.0.0.1:8001.
I tried on a different mac and I still have the issue.
I'm using the last Metronic version from Themeforest and the last composer.
I have Python 3.12.5



Hi John,

Thank you for your purchase!

When replacing Metronic Tailwind v9.0.4, please make sure that the /themes/metronic-tailwind-html/views folder is not removed.

To update the HTML files, run the ./run.sh command in Composer. In another terminal window, execute ./generate.sh to regenerate the HTML files.

You can find the updated HTML files in the following directory:
/themes/metronic-tailwind-html/dist/html

Thank you!



Thank you for your response. I made sure not to delete the /themes/metronic-tailwind-html/views folder and I ran ./run.sh in Composer and ./generate.sh in another terminal, but the HTML files in /themes/metronic-tailwind-html/dist/html are still not updated. Do you have any other suggestions to solve this issue?


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