I'm trying to import Tailwind and custom styles using @import when running a new Qwik City app but receive an error:
`@layer base` is used but no matching `@tailwind base` directive is present
If you reload the app, you may notice it briefly renders as expected before the error is displayed. Removing the custom styles import, leaving only the Tailwind imports, and rerunning the app will not cause an error.
When I try the same using a new React and Vite app, the styles are imported as expected.
I've tried including "postcss-import": {} in postcss.config.js but it doesn't prevent the error. It also doesn't seem to be needed when I add it to the React/Vite example.
Which component is affected?
Qwik Rollup / Vite plugin
Describe the bug
I'm trying to import Tailwind and custom styles using
@import
when running a new Qwik City app but receive an error:If you reload the app, you may notice it briefly renders as expected before the error is displayed. Removing the custom styles import, leaving only the Tailwind imports, and rerunning the app will not cause an error.
When I try the same using a new React and Vite app, the styles are imported as expected.
I've tried including
"postcss-import": {}
inpostcss.config.js
but it doesn't prevent the error. It also doesn't seem to be needed when I add it to the React/Vite example.Reproduction
https://stackblitz.com/edit/qwik-starter-bzhk8f?file=src/global.css
Steps to reproduce
No response
System Info
Additional Information
No response