Skip to content

The plugin must add style.css to the src directory of the project for it to take effect #1411

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Closed
GreedyWhale opened this issue Jun 12, 2025 · 3 comments
Labels
question Further information is requested

Comments

@GreedyWhale
Copy link

What version of VS Code are you using?

Version: 1.96.0 (user setup)
Commit: 138f619c86f1199955d53b4166bef66ef252935c
Date: 2024-12-11T02:29:09.626Z
Electron: 32.2.6
ElectronBuildId: 10629634
Chromium: 128.0.6613.186
Node.js: 20.18.1
V8: 12.8.374.38-electron.0
OS: Windows_NT x64 10.0.19045

What version of Tailwind CSS IntelliSense are you using?

0.14.21

What version of Tailwind CSS are you using?

4.1.8

What package manager are you using?

pnpm

What operating system are you using?

Windows

Tailwind CSS Stylesheet (v4) or config file (v3)

v4

Describe your issue

I'm building a browser extension using wxt, I integrated tailwindcss, using the vite way of integration, last week the plugin was working fine, today it suddenly failed, after my testing I had to add a style.css to the src directory of the project.(to add that the previous style.css was stored in another directory now it has to be in the src directory and not nested).

@import "tailwindcss";

For the plugin to work properly, if I remove it, the following message appears:

[Info - 12:21:06 PM] [GLOBAL] No matching project for document {
fsPath: 'E:\xxx\code\xxx\xxx\xxx\src\lib\Dialog.svelte',
normalPath: '/e:/ xxx/code/xxx/xxx/src/lib/Dialog.svelte'
}

Translated with DeepL.com (free version)

@thecrypticace
Copy link
Contributor

This definitely isn't the case generally. Can you provide me a reproduction so I can look into what's happening?

@thecrypticace thecrypticace added the question Further information is requested label Jun 12, 2025
@luckzilong
Copy link

You can see vscode tailwindCSS.experimental.configFile related classes capacity, such as:

{
  "tailwindCSS.experimental.configFile": {
    "app/renderer/src/styles/tailwindcss-global.css": ["app/renderer/src/**"]
  },
}

@GreedyWhale
Copy link
Author

vscodetailwindCSS.experimental.configFile

This is useful, but the filename can't be named tailwindcss.css, when I changed the filename it worked!

  • worked
"tailwindCSS.experimental.configFile": "src/assets/styles/tailwindcss-global.css"
  • not working
"tailwindCSS.experimental.configFile": "src/assets/styles/tailwindcss.css"

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
question Further information is requested
Projects
None yet
Development

No branches or pull requests

3 participants