Super Sale Limited Time 50% OFF for All-Access Plans
Save 50% Now
Light
Dark
System
Ask  Question

Metronic Tailwind CSS [Cannot read properties of undefined (reading 'light')]


Following the instructions here

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

I'm trying to integrate it with flowbite , my frontend public facing is flowbite , using metronic for dashboard



vite v5.4.8 building for production...
✓ 1 modules transformed.
x Build failed in 1.64s
error during build:
[vite:css] [postcss] Cannot read properties of undefined (reading 'light')
file: /var/www/example.com/resources/css/app.css:undefined:NaN
at getComponentBackgroundColors (/var/www/example.com/resources/metronic/core/plugins/components/theme.js:73:63)
at /var/www/example.com/resources/metronic/core/plugins/components/theme.js:132:7
at registerPlugins (/var/www/example.com/node_modules/.pnpm/tailwindcss@3.4.13/node_modules/tailwindcss/lib/lib/setupContextUtils.js:815:61)
at createContext (/var/www/example.com/node_modules/.pnpm/tailwindcss@3.4.13/node_modules/tailwindcss/lib/lib/setupContextUtils.js:1221:5)
at getContext (/var/www/example.com/node_modules/.pnpm/tailwindcss@3.4.13/node_modules/tailwindcss/lib/lib/setupContextUtils.js:1278:19)
at /var/www/example.com/node_modules/.pnpm/tailwindcss@3.4.13/node_modules/tailwindcss/lib/lib/setupTrackingContext.js:118:81
at /var/www/example.com/node_modules/.pnpm/tailwindcss@3.4.13/node_modules/tailwindcss/lib/processTailwindFeatures.js:46:11
at plugins (/var/www/example.com/node_modules/.pnpm/tailwindcss@3.4.13/node_modules/tailwindcss/lib/plugin.js:38:69)
at LazyResult.runOnRoot (/var/www/example.com/node_modules/.pnpm/postcss@8.4.47/node_modules/postcss/lib/lazy-result.js:329:16)
at LazyResult.runAsync (/var/www/example.com/node_modules/.pnpm/postcss@8.4.47/node_modules/postcss/lib/lazy-result.js:258:26)
 ELIFECYCLE  Command failed with exit code 1.


user
John 1 year ago
Laravel Tailwind 4
3 Answers
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 (3)

user
Culer Blitz 1 year ago

I think this issue can hinder development, just like the unexpected challenges in basket random can disrupt gameplay. Users have found that adjusting Tailwind settings often solves this issue as players have to adjust their strategies in-game to succeed.


user
John 1 year ago

Resolved , caused by tailwind config


user
Sean Author 1 year ago

Hi,

Glad to hear that. All the best with your projects happy

Regards,
Sean


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