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!
Replies (6)
i have the same issue as above Internal server error: [postcss] Cannot read properties of undefined (reading 'light')
I'm still getting this error
vite v5.4.8 building for production...
✓ 4 modules transformed.
x Build failed in 1.72s
error during build:
[vite:css] [postcss] Cannot read properties of undefined (reading 'light')
Hello,
I was wondering if you could share a link to the documentation you followed for integrating Metronic 9 with Laravel - Inertia + Vue.
Thank you.
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 
).
We use Metronic Composer internally for our upcoming React/Next.js version of Metronic.
Regards.
