Skip to content

No classes showing #1305

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

Open
mumar03 opened this issue Apr 8, 2025 · 6 comments
Open

No classes showing #1305

mumar03 opened this issue Apr 8, 2025 · 6 comments
Labels
question Further information is requested

Comments

@mumar03
Copy link

mumar03 commented Apr 8, 2025

What version of VS Code are you using?

v 1.99.0

What version of Tailwind CSS IntelliSense are you using?

Version
0.14.14

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

Issuse:
Tailwind IntelliSense stopped working completely (no classes showing, no config used – Tailwind v4)

// Paste the contents of your Tailwind config file here

VS Code settings

// Paste your VS Code settings in JSON format here

Reproduction URL

A public GitHub repo that includes a minimal reproduction of the bug. Please do not link to your actual project, what we need instead is a minimal reproduction in a fresh project without any unnecessary code. This means it doesn't matter if your real project is private/confidential, since we want a link to a separate, isolated reproduction anyways.

Describe your issue

Describe the problem you're seeing, any important steps to reproduce and what behavior you expect instead

@thecrypticace thecrypticace added the question Further information is requested label Apr 8, 2025
@thecrypticace
Copy link
Contributor

Please provide a reproduction, your vscode settings, and output from the command "Tailwind CSS: Show Output" please

@mumar03
Copy link
Author

mumar03 commented Apr 9, 2025

Please provide a reproduction, your vscode settings, and output from the command "Tailwind CSS: Show Output" please
sttings.json:

{
"editor.mouseWheelZoom": true,
"files.autoSave": "afterDelay",
"code-runner.runInTerminal": true,
"pieces.do-not-show-download-cta": true,
"[html]": {
"editor.defaultFormatter": "esbenp.prettier-vscode"
},
"[javascript]": {
"editor.defaultFormatter": "esbenp.prettier-vscode"
},
"editor.defaultFormatter": "esbenp.prettier-vscode",
"tabnine.experimentalAutoImports": true,
"codetour.showMarkers": true,
"editor.formatOnType": true,
"explorer.confirmDragAndDrop": false,
"C_Cpp.default.compilerPath": "e:\C programmes\table.c",
"[c]": {
"editor.defaultFormatter": "ms-vscode.cpptools"
},
"[snippets]": {
"editor.defaultFormatter": "vscode.json-language-features"
},
"workbench.editorAssociations": {
".copilotmd": "vscode.markdown.preview.editor",
"
.docx": "default",
".mp4": "vscode.videoPreview",
"
.exe": "default",
"{git,gitlens,git-graph}:/
/.{md,csv,svg}": "default",
"
.dat": "default"
},
"hediet.vscode-drawio.resizeImages": null,
"workbench.colorTheme": "Best Themes - Midnight City",
"editor.cursorBlinking": "expand",
"editor.cursorSmoothCaretAnimation": "on",
"workbench.iconTheme": "office-material-icon-theme",
"vscode-office.editorTheme": "Github Dark",
"editor.minimap.enabled": false,
"tailwindCSS.experimental.configFile": null
}
**
when I run the command the output was still blank.

@mumar03
Copy link
Author

mumar03 commented Apr 9, 2025

Output from the command "Tailwind CSS: Show Output":
Locating server…
Booting server...
Setting up server…
Listening for messages…
Loading Tailwind CSS projects from the workspace settings.
[Global] Creating projects: [{"folder":"e:\Tailwind CSS Tutorial","config":"E:/Tailwind CSS Tutorial/tailwind.config.js","selectors":[{"priority":0,"pattern":"E:/Tailwind CSS Tutorial/**"}],"user":true,"tailwind":{"version":"4.1.3","features":["css-at-theme","layer:base","content-list","source-inline","source-not"],"isDefaultVersion":false}}]
[Global] Preparing projects...
[Global] Adding watch patterns: E:/Tailwind CSS Tutorial/tailwind.config.js, E:/Tailwind CSS Tutorial, E:/
[Global] Initializing projects...
[tailwind.config.js] Initializing...
[tailwind.config.js] supported features: ["css-at-theme","layer:base","content-list","source-inline","source-not"]
[tailwind.config.js] Loaded tailwindcss v4.1.3: e:\Tailwind CSS Tutorial\node_modules\tailwindcss
[tailwind.config.js] Building...
[Global] Initialized 1 projects
[tailwind.config.js] Initializing...
[tailwind.config.js] supported features: ["css-at-theme","layer:base","content-list","source-inline","source-not"]
Booting CSS server for Tailwind CSS language mode
[tailwind.config.js] Loaded tailwindcss v4.1.3: e:\Tailwind CSS Tutorial\node_modules\tailwindcss
[tailwind.config.js] Building...
[tailwind.config.js] Initializing...
[tailwind.config.js] supported features: ["css-at-theme","layer:base","content-list","source-inline","source-not"]
[tailwind.config.js] Loaded tailwindcss v4.1.3: e:\Tailwind CSS Tutorial\node_modules\tailwindcss
[tailwind.config.js] Building...

@mumar03
Copy link
Author

mumar03 commented Apr 9, 2025

Settings (JSON)(Updated):

{
"editor.mouseWheelZoom": true,
"files.autoSave": "afterDelay",
"code-runner.runInTerminal": true,
"pieces.do-not-show-download-cta": true,
"[html]": {
"editor.defaultFormatter": "esbenp.prettier-vscode"
},
"[javascript]": {
"editor.defaultFormatter": "esbenp.prettier-vscode"
},
"editor.defaultFormatter": "esbenp.prettier-vscode",
"tabnine.experimentalAutoImports": true,
"codetour.showMarkers": true,
"editor.formatOnType": true,
"explorer.confirmDragAndDrop": false,
"C_Cpp.default.compilerPath": "e:C programmes\table.c",
"[c]": {
"editor.defaultFormatter": "ms-vscode.cpptools"
},
"[snippets]": {
"editor.defaultFormatter": "vscode.json-language-features"
},
"workbench.editorAssociations": {
".copilotmd": "vscode.markdown.preview.editor",
".copilotmd": "vscode.markdown.preview.editor",
".docx": "default",
".mp4": "vscode.videoPreview",
".exe": "default",
"{git,gitlens,git-graph}://.{md,csv,svg}": "default",
".dat": "default",
"{git,gitlens,git-graph}:/**/
.{md,csv,svg}": "default"
},
"hediet.vscode-drawio.resizeImages": null,
"workbench.colorTheme": "Best Themes - Monokai Winter Night",
"editor.cursorBlinking": "expand",
"editor.cursorSmoothCaretAnimation": "on",
"workbench.iconTheme": "office-material-icon-theme",
"vscode-office.editorTheme": "Github Dark",
"editor.minimap.enabled": false,
// added by me nichay walay saray
"tailwindCSS.experimental.configFile": "e:/Tailwind CSS Tutorial/tailwind.config.js",

"tailwindCSS.includeLanguages": {
"plaintext": "html",
"html": "html",
"css": "css",
"javascript": "javascript",
"javascriptreact": "javascript"
},
"files.associations": {
"*.css": "tailwindcss"
},
"editor.quickSuggestions": {
"strings": "on"
},
"css.validate": true,
"tailwindCSS.suggestions": true,
"tailwindCSS.emmetCompletions": true
}

@mumar03
Copy link
Author

mumar03 commented Apr 10, 2025 via email

@jacksteamdev
Copy link

jacksteamdev commented Apr 19, 2025

This happened to me in VSCode using TypeScript Nightly. Switching back to TypeScript 5.8.2 fixed TailwindCSS Intellisense instantly.

Image

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