Error ERROR Pre-transform error: Failed to resolve import "#tailwind-config/theme/colors"

[arinzejustin]

Description

ERROR Pre-transform error: Failed to resolve import "#tailwind-config/theme/colors" from "node_modules/@nuxt/ui/dist/runtime/plugins/colors.mjs?v=309adce5". Does the file exist?

[benjamincanac]

Would you mind providing a reproduction?

[urbgimtam]

Having the same error today. While building a reproduction, I've realized that in nuxt.config.ts, if "nuxtjs/tailwindcss" is present in modules, the error appears. Removing it from modules removes the error.

This is also exposed on the docs. https://ui.nuxt.com/getting-started/installation#modules

[arinzejustin]

Having the same error today. While building a reproduction, I've realized that in nuxt.config.ts, if "nuxtjs/tailwindcss" is present in modules, the error appears. Removing it from modules removes the error.

This is also exposed on the docs. https://ui.nuxt.com/getting-started/installation#modules

Yes figured it out that today
Thanks for your response
Please I'm new to using this ui. Have be trying to add a custom css tailwindcss class to the UInput like for example ui="py-4" but is not working

[benjamincanac]

@arinzejustin The UInput component has a relative div wrapper to handle icons, if you want to target the input directly you can use the input-class prop or :ui="{ base: 'py-4' }" for example.