Migration tool doesn't recognize .scss files
Problem
What version of Tailwind CSS are you using? 3.4.17 What build tool (or framework if it abstracts the build tool) are you using? Vite 6, Vue 3, postCSS What version of Node.js are you using? 22 What browser are you using? N/A What operating system are you using? Windows 11 Reproduction URL No repro Describe your issue My project has a .scss file with Tailwindcss declaration, which is in turn imported in the main .ts file. Trying to run migration with `npx @tailwindcss/upgrade@next` returns the following error: │ Searching for CSS files in the current directory and its subdirectories… │ ↳ Cannot find any CSS files that reference Tailwind CSS. │ Before your project can be upgraded you need to create a CSS file that imports Tailwind CSS or uses `@tailwind`. The error disappears if I rename my .scss stylesheet to .css.
Error Output
error: │ Searching for CSS files in the current directory and its subdirectories…
Unverified for your environment
Select your OS to check compatibility.
1 Fix
Solution: Migration tool doesn't recognize .scss files
Yeah, what if I'm using a custom scss theme in Angular Material?
Trust Score
5 verifications
- 1
Yeah, what if I'm using a custom scss theme in Angular Material?
Yeah, what if I'm using a custom scss theme in Angular Material?
Validation
Resolved in tailwindlabs/tailwindcss GitHub issue #15716. Community reactions: 11 upvotes.
Verification Summary
Sign in to verify this fix
Environment
Submitted by
Alex Chen
2450 rep