The New Way to Build! Introducing ReUI — the developer platform for agentic UI with shadcn/ui
Learn More

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
Click any option to insert into your comment. Select text first to wrap it.
  • **text** to make things bold
  • *text* to emphasize
  • ### Heading to make headings
  • [link text](url) for links
  • ![alt text](image-url) to paste in an image
  • - item to make a list
  • 1. item to make an ordered list
  • > quote to quote somebody
  • `code` for single line of code
  • ```js ... ``` for JS code block
  • ```html ... ``` for HTML code block
  • ```scss ... ``` for SCSS code block
  • ```php ... ``` for PHP code block
  • --- for a horizontal rule
  • 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 and access the demo site on your local?

Thank you



Hi Faizal,

I can access the demo website on



Hi Faizal,

I can also access it on
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
Click any option to insert into your comment. Select text first to wrap it.
  • **text** to make things bold
  • *text* to emphasize
  • ### Heading to make headings
  • [link text](url) for links
  • ![alt text](image-url) to paste in an image
  • - item to make a list
  • 1. item to make an ordered list
  • > quote to quote somebody
  • `code` for single line of code
  • ```js ... ``` for JS code block
  • ```html ... ``` for HTML code block
  • ```scss ... ``` for SCSS code block
  • ```php ... ``` for PHP code block
  • --- for a horizontal rule
  • happy  :)
  • shocked  :|
  • sad  :(
Text formatting options
Submit
Click any option to insert into your comment. Select text first to wrap it.
  • **text** to make things bold
  • *text* to emphasize
  • ### Heading to make headings
  • [link text](url) for links
  • ![alt text](image-url) to paste in an image
  • - item to make a list
  • 1. item to make an ordered list
  • > quote to quote somebody
  • `code` for single line of code
  • ```js ... ``` for JS code block
  • ```html ... ``` for HTML code block
  • ```scss ... ``` for SCSS code block
  • ```php ... ``` for PHP code block
  • --- for a horizontal rule
  • happy  :)
  • shocked  :|
  • sad  :(