Intellisense not working for autocomplete and hover previews #1357
Comments
|
Did you try to set |
|
@saurabh-vyas-nirami It looks like we're picking up a compiled CSS file in Can you provide the content of that file? I'm curious as to what is in it that's causing it to get picked up that way. |
I followed this in PHPStorm using the below, and it worked. Though I have no confidence because the only reason it stopped was that I restarted Windows. I didn't need any experimental tweaks 2 hours ago. I guess I will praise the lord for being able to continue doing my job and wait for the next spanner in the works that needs 2 hours of my time. "experimental": {
"configFile": {
"resources/css/app.css": "resources/**"
},
"classRegex": []
} |
|
@warmwhisky If it suddenly stopped working then there's something that went wrong with detecting your CSS Files. The content of those files matter and are used to determine what is likely the "root" CSS file for your project. This means, unfortunately, that changing them can uncover subtle bugs. Could you provide a reproduction? Aside: the config file setting will completely override that project search and things should continue to work as long as the CSS file isn't invalid when you re-open a project |
Impossible. |
|
Oh, the irony. Now, on my home PC using the same config, I have the same problem. So if the CSS is invalid and it does not tell you that it is invalid, how can you fix this sort of thing. |
|
Essentially the same issue. After rolling back to version 0.14.15, the aforementioned problems no longer occur. |
Can you give us a clue on how I can roll back to this version? I will try anything to get this to work |
|
Eish. I got it back to |
|
I recently created a Vite + React project and installed Tailwind v4. At first, I didn't notice anything wrong, but then I realized that IntelliSense wasn't working when using className. However, when using class, the IntelliSense works perfectly, providing autocomplete for the classes. Is anyone else experiencing this? Edit: One thing I noticed while testing in VSCode and Cursor is that Cursor uses TypeScript version 5.7.2, and when switching to the version installed in node_modules (5.8.3), the IntelliSense stops working. I believe this is the reason why IntelliSense isn't working.
|
|
|
0.14.16 is working fine. |
I tried |
|
Ok, I changed "src/app.css" to "./src/app.css" in the
|
|
For my Laravel project in VSCode it worked after adding this to the "tailwindCSS.experimental.configFile": "./resources/css/app.css", |
|
Everything was working fine, but the latest update seemed to broke something. Adding the |
What version of VS Code are you using?
April 2025 (version 1.100)
What version of Tailwind CSS IntelliSense are you using?
Version 0.14.16
What version of Tailwind CSS are you using?
v4.1.3
What package manager are you using?
npm
What operating system are you using?
Windows
Tailwind config
not using tailwind config
VS Code settings
Describe your issue
I am using React, Vite, and Tailwind for my project. When I apply tailwindcss in className, the intellisense does not show any autocomplete suggestion, nor does it display hover preview.
Here is the Tailwind Show: CSS Output
The text was updated successfully, but these errors were encountered: