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

Metronic 9 Laravel Inertia Vue


Hey team,

glad that you successfully released version 9 of metronic. Was very happy to hear that!

I started yesterday with a new project on metronic 9 and wanted to start with it including laravel - inertia and vue.

Followed your instructions in the documentation and got stuck at following error:

[vite] Internal server error: [postcss] Cannot read properties of undefined (reading 'light')
File: /resources/css/app.scss?direct:undefined:NaN
at getDefaultGrayColors (\resources\theme\core\plugins\components\theme.js:32:41)
at (resources\theme\core\plugins\components\theme.js:119:7)

Code in theme.js is const gray = theme('base.colors.gray')[mode]; (where mode should be 'light' in that case) but unfortunatly I cant find the light variable in the theme array.

Any solutions?

Kind regards!


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)


Hi,

Sorry for the delay in reply.

We were revising our documentation and found a few issues and missing steps, we are planning to release a doc update by tomorrow with the latest fixes.

Please let us know if you have experienced any other errors or problems.

Regards,
Lauris Stepanovs,
Keenthemes Support Team



Hi Sean,

problem was solved in another topic where a user had the same issue.
But there are still many more problems - i will open another thread. Thanks for now!



Hi,

Glad to hear that! Sure, I assigned your request to our lead Vue developer and he will get back to you soon.

if you have any feedback or feature requests please do let us know. We will take into account our user's feedback to enhance Metronic further.

We would suggest you our Metronic Composer. It's a pretty useful tool when it comes to browsing and extracting the HTML code from the template(Metronic 9 is pretty massive happy).

We use Metronic Composer internally for our upcoming React/Next.js version of Metronic.

Regards.


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