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

Tailwind plugins not being built


First, let me say, I'm not a frontend developer. I bought the Metronic template specifically so I'd write less frontend code, so I may not understand some concepts.

I've been trying to use the Tailwind version. I followed the guide here: https://keenthemes.com/metronic/tailwind/docs/getting-started/integration/laravel

I've copied all the webpack and tailwind and package js files to my root directory as I would normally, and renamed the source directories to "resources/metronic" and output directories to "/public". This is all building completely fine, is fetching source files correctly, and placing them in the public directory correctly as well.

But when I run "npm run build" it doesn't seem to build any of the plugins defined in "tailwind.config.js", and I cant figure out how to do it.

The layout only works correctly when I copy and paste the pre-built "dist/assets/css/styles.css" directly into the public directly.

The installation documentation is hard to follow, so I've no idea what I'm doing wrong, or how I can get those plugins to build.


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)

Deleted comment

Hi,

Have you used Metronic 9 Tailwind Laravel starterkit ? This starter kit provides a working example for Laravel Demo 1.

Also please make sure you set the correct path in tailwind.config.js for the content according to your laravel views folder. This path is important to scan your used Tailwind classes to include in the output CSS file.

If you need any further help could you please provide us with more info or share a test link to your site?

Regards,
Sean



Hi Sean,

Updating the path in tailwind config file from `'./views/**/*.html',` to `'./resources/views/**/*.{html,php}',` solved it!

Thanks so much for the help!



Hi,

Great! I am glad to heal you. If you need any further help please do let us know.

Regards,
Sean


Your Support Matters!

We will highly appreciate your Metronic Review on Themeforest.
Please go to Themeforest Downloads page, select Metronic & leave your feedback.
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  :(