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

Laravel installation query


Hello there,

I'm trying to follow up with the documentation to install the theme in a new laravel project and I have couple of questions if I may ask.

1st, I tried to install a new laravel project using laravel herd then I tried to follow the documentation from this link:
https://keenthemes.com/metronic/tailwind/docs/getting-started/integration/laravel

but then I see here that I need to create a new laravel project

2nd, I tried downloading laravel project from the repo you provided but then when I reach to the section "Integrate Styles" I get some errors @properjs - Not Found

3rd, the documentation asks me only to copy and paste the src and media folders into my laravel project and I am wondering what are the uses of the other files beside the template design files


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)


Hi Ahmed Omar,

Could you please provide your tailwind.config.js? We can help you to check it.

Or you can retry by copying the tailwind.config.js file and modifying the path to match your project.

Thanks



It looks like my tailwind.config.js file isn't working correctly and it's messing some code how to fix that



I integrated the template but my css isn't working

this is the error I am getting now

[plugin:vite:css] [postcss] Cannot read properties of undefined (reading 'light')



Hi Ahmed Omar,

https://keenthemes.com/metronic/tailwind/docs/getting-started/integration/laravel

If you follow the documentation from the link you provided, there are two methods to start. If you choose to clone the sample project from the GitHub repository (https://github.com/keenthemes/metronic-tailwind-html-integration/tree/main/metronic-tailwind-laravel), you do not need to create a new Laravel project, as it already contains a Laravel installation with the necessary setup for Metronic Tailwind integration.

When you encounter the error "@properjs - Not Found," it usually indicates that the dependencies required for the project are missing or not installed correctly. Please try to run npm install or yarn to install all the necessary dependencies listed in the package.json fil.

If you choose to start a new Laravel project from scratch, you will need to follow the steps to import the Metronic Tailwind assets manually, as described in the second method of the documentation.

I hope this helps! If you have any more questions, feel free to ask.


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