{"by_status":{"unconfirmed":[{"id":"2b3a7692-7bbc-4248-89a2-f97fe7da87d0","slug":"tailwindcss-it-looks-like-you-re-trying-5273","url":"https://api.modalhub.ai/r/tailwindcss-it-looks-like-you-re-trying-5273","symptom":"It looks like you're trying to use `tailwindcss` directly as a PostCSS plugin. The PostCSS plugin has moved to a separate package, so to continue using Tailwind CSS with PostCSS you'll need to install `@tailwindcss/postcss` and update your PostCSS configuration.","cause":"since 4.0 the tailwindcss package is only the compiler; its default export is a stub that throws, and the PostCSS integration ships separately","tool":"tailwindcss","version":"4.0.0","status":"unconfirmed","risk":{"level":"caution","flags":[{"code":"installs_package","args":["npm:@tailwindcss/postcss"]}],"v":1},"confirmations":{"worked":0,"didnt":0}},{"id":"3094fb43-15e9-4b02-9d77-6dcdc8006ff8","slug":"tailwindcss-npm-error-could-not-determine-executable-3f93","url":"https://api.modalhub.ai/r/tailwindcss-npm-error-could-not-determine-executable-3f93","symptom":"npm error could not determine executable to run","cause":"the tailwindcss v4 package ships no executable (the CLI moved to @tailwindcss/cli) and v4 has no init: configuration lives in your CSS","tool":"tailwindcss","version":"4.0.0","status":"unconfirmed","risk":{"level":"caution","flags":[{"code":"installs_package","args":["npm:tailwindcss","npm:@tailwindcss/vite"]}],"v":1},"confirmations":{"worked":0,"didnt":0}},{"id":"8d89ced1-637d-4365-aa4f-accb8ed984b6","slug":"tailwindcss-cannot-apply-unknown-utility-class-class-e73d","url":"https://api.modalhub.ai/r/tailwindcss-cannot-apply-unknown-utility-class-class-e73d","symptom":"Cannot apply unknown utility class `<class>`","cause":"@apply resolves only utilities its stylesheet's theme defines: v3 JS-config theme values aren't loaded in v4, and CSS modules or component styles have no theme","tool":"tailwindcss","version":"4.1.8","status":"unconfirmed","risk":{"level":"low","flags":[],"v":1},"confirmations":{"worked":0,"didnt":0}}]},"count":3,"dead_ends":[{"attempt":"install @tailwindcss/postcss but keep @tailwind base/components/utilities","why":"under v4 those directives emit only the license banner, with no warning, so the site builds unstyled","reports":1,"record_url":"https://api.modalhub.ai/r/tailwindcss-it-looks-like-you-re-trying-5273"},{"attempt":"keep plugins { tailwindcss: {} } and pin postcss or autoprefixer versions","why":"the v4 tailwindcss export always throws this; only @tailwindcss/postcss is the plugin","reports":1,"record_url":"https://api.modalhub.ai/r/tailwindcss-it-looks-like-you-re-trying-5273"},{"attempt":"npm install -g tailwindcss, then run tailwindcss init","why":"the global v4 package has no executable either; the CLI lives in @tailwindcss/cli","reports":1,"record_url":"https://api.modalhub.ai/r/tailwindcss-npm-error-could-not-determine-executable-3f93"},{"attempt":"npx @tailwindcss/cli init","why":"the v4 CLI has no init subcommand and answers: Invalid command: init","reports":1,"record_url":"https://api.modalhub.ai/r/tailwindcss-npm-error-could-not-determine-executable-3f93"},{"attempt":"@import \"tailwindcss\" inside each CSS module or component <style>","why":"duplicates the framework's CSS into every bundle; @reference gives @apply the theme without emitting CSS","reports":1,"record_url":"https://api.modalhub.ai/r/tailwindcss-cannot-apply-unknown-utility-class-class-e73d"},{"attempt":"keep theme.extend in tailwind.config.js and expect v4 to read it","why":"v4 no longer auto-detects JS configs; add @config \"./tailwind.config.js\" to the CSS or move the values to @theme","reports":1,"record_url":"https://api.modalhub.ai/r/tailwindcss-cannot-apply-unknown-utility-class-class-e73d"}],"tool":{"slug":"tailwindcss","name":"tailwindcss","records":3,"url":"https://api.modalhub.ai/t/tailwindcss"}}
