intelliSense not working

[ShaquibKhanhub]

Type: Bug

it's been a very long time since this extention not working when im using tailwindcss in my projects it's not giving any class suggestion tailwind.congif file is correct and also the index.css file but still it's not working

Extension version: 0.12.11 VS Code version: Code 1.94.2 (384ff7382de624fb94dbaf6da11977bba1ecd427, 2024-10-09T16:08:44.566Z) OS version: Windows_NT x64 10.0.19045 Modes:

System Info

|Item|Value| |---|---| |CPUs|AMD Ryzen 5 4600G with Radeon Graphics (12 x 3693)| |GPU Status|2d_canvas: enabled
canvas_oop_rasterization: enabled_on
direct_rendering_display_compositor: disabled_off_ok
gpu_compositing: enabled
multiple_raster_threads: enabled_on
opengl: enabled_on
rasterization: enabled
raw_draw: disabled_off_ok
skia_graphite: disabled_off
video_decode: enabled
video_encode: enabled
vulkan: disabled_off
webgl: enabled
webgl2: enabled
webgpu: enabled
webnn: disabled_off| |Load (avg)|undefined| |Memory (System)|15.87GB (5.08GB free)| |Process Argv|--crash-reporter-id 0832baec-6eab-4cf3-9a6c-1f692fca4a74| |Screen Reader|no| |VM|0%|

A/B Experiments

``` vsliv368cf:30146710 vspor879:30202332 vspor708:30202333 vspor363:30204092 vscod805cf:30301675 binariesv615:30325510 vsaa593:30376534 py29gd2263:31024239 c4g48928:30535728 azure-dev_surveyone:30548225 962ge761:30959799 pythongtdpath:30769146 pythonnoceb:30805159 asynctok:30898717 pythonmypyd1:30879173 h48ei257:31000450 pythontbext0:30879054 accentitlementsc:30995553 cppperfnew:31000557 dsvsc020:30976470 pythonait:31006305 dsvsc021:30996838 9c06g630:31013171 dvdeprecation:31068756 dwnewjupytercf:31046870 2f103344:31071589 impr_priority:31102340 nativerepl1:31139838 refactort:31108082 pythonrstrctxt:31112756 wkspc-onlycs-t:31132770 wkspc-ranged-t:31151552 cf971741:31144450 defaultse:31146405 iacca1:31156133 notype1cf:31157160 5fd0e150:31155592 dwcopilot:31162478 iconenabled:31158251 ```

[ShaquibKhanhub]

this is the user settings.json file.

{ "emmet.useInlineCompletions": true, "explorer.confirmDelete": false, "liveServer.settings.AdvanceCustomBrowserCmdLine": "chrome", "liveServer.settings.ignoreFiles": [ ".vscode/", "/*.scss", "/*.sass", "*/.ts" ], "liveServer.settings.port": 0, "[html]": { "editor.defaultFormatter": "esbenp.prettier-vscode" }, "editor.wordWrap": "on", "[javascript]": { "editor.defaultFormatter": "esbenp.prettier-vscode" }, "code-runner.runInTerminal": true, "editor.accessibilitySupport": "on", "[jsonc]": { "editor.quickSuggestions": { "other": "inline" } }, "[json]": { "editor.suggest.snippetsPreventQuickSuggestions": true }, "editor.quickSuggestions": { "strings": "inline" }, "tabnine.experimentalAutoImports": true, "liveServer.settings.donotShowInfoMsg": true, "[javascriptreact]": { "editor.defaultFormatter": "esbenp.prettier-vscode" }, "editor.fontLigatures": true, "editor.fontFamily": "'cascadia code',Consolas,'Courier New',monospace", "remote.SSH.remotePlatform": { "sandbox.7r4v79.csb": "linux" }, "[css]": { "editor.defaultFormatter": "vscode.css-language-features" }, "files.autoSave": "afterDelay", "quokka.compactMessageOutput": true, "tabnine.debug": true, "tabnine.disableFileRegex": [], "[scss]": { "editor.defaultFormatter": "esbenp.prettier-vscode" }, "editor.formatOnSave": true, "editor.defaultFormatter": "esbenp.prettier-vscode", "terminal.integrated.env.windows": {}, "console-ninja.toolsToEnableSupportAutomaticallyFor": { "live-server-extension": true, "live-preview-extension": true }, "liveServer.settings.donotVerifyTags": true, "editor.cursorBlinking": "expand", "editor.cursorSmoothCaretAnimation": "on", "terminal.integrated.env.linux": {}, "git.autofetch": true, "gitlens.graph.layout": "editor", "liveServer.settings.ChromeDebuggingAttachment": false, "liveServer.settings.CustomBrowser": "microsoft-edge", "console-ninja.featureSet": "Community", "nxConsole.showNodeVersionOnStartup": false, "terminal.integrated.enableMultiLinePasteWarning": false, "files.exclude": { "/.git": false, "/.trunk/*actions/": true, "*/.trunk/logs/": true, "/.trunk/*notifications/": true, "/.trunk/*out/": true, "/.trunk/plugins/": true }, "html-to-css-autocompletion.getSelectorsFromFileTypes": ["html", "php"], "terminal.integrated.fontWeightBold": "bold", "terminal.integrated.cursorBlinking": true, "window.zoomLevel": 1, "editor.fontSize": 16, "workbench.editorAssociations": { ".md": "default" }, "accessibility.signals.lineHasError": { "sound": "off" }, "accessibility.signals.lineHasFoldedArea": { "sound": "off" }, "accessibility.signals.lineHasBreakpoint": { "sound": "off" }, "accessibility.signals.lineHasInlineSuggestion": { "sound": "off" }, "accessibility.signals.onDebugBreak": { "sound": "off" }, "accessibility.signals.noInlayHints": { "sound": "off" }, "accessibility.signals.taskCompleted": { "sound": "off" }, "accessibility.signals.taskFailed": { "sound": "off" }, "accessibility.signals.notebookCellCompleted": { "sound": "off" }, "accessibility.signals.notebookCellFailed": { "sound": "off" }, "accessibility.signals.diffLineInserted": { "sound": "off" }, "accessibility.signals.diffLineDeleted": { "sound": "off" }, "accessibility.signals.diffLineModified": { "sound": "off" }, "javascript.updateImportsOnFileMove.enabled": "always", "github.copilot.editor.enableAutoCompletions": true, "files.watcherExclude": { "/.trunk/*actions/": true, "/.trunk/*logs/": true, "/.trunk/*notifications/": true, "*/.trunk/out/": true, "/.trunk/*plugins/": true }, "autoimport.doubleQuotes": true, "workbench.colorTheme": "Ayu Light", "vscode-edge-devtools.webhintInstallNotification": true, "[typescriptreact]": { "editor.defaultFormatter": "vscode.typescript-language-features" }, "terminal.integrated.defaultProfile.windows": "Git Bash", "cSpell.userWords": ["cloudinary", "Shaquib"], "tailwindCSS.experimental.configFile": "./tailwind.config.js", "tailwindCSS.includeLanguages": { "javascript": "javascript", "javascriptreact": "html", "typescript": "javascript", "typescriptreact": "html" }, "workbench.iconTheme": "material-icon-theme" }

[lts20050703]

@ShaquibKhanhub The latest version is 0.13.44, is there any reasons you're not using the latest version?

[lts20050703]

Oh that's really weird, I checked https://marketplace.visualstudio.com/items?itemName=bradlc.vscode-tailwindcss and it says 0.13.44, guess there's something wrong going on here

[ShaquibKhanhub]

@ShaquibKhanhub The latest version is 0.13.44, is there any reasons you're not using the latest version?

I'm facing this issue from past six month you can say when the version was 0.11 something and this extension is in auto update and yesterday only i have uninstall the extension and reinstall it.

[ShaquibKhanhub]

Oh that's really weird, I checked https://marketplace.visualstudio.com/items?itemName=bradlc.vscode-tailwindcss and it says 0.13.44, guess there's something wrong going on here

Yup i tried to uninstall my vscode and reinstall but it's still not working i thought there something wrong with the vscode and also uninstall my several extension that might be colliding with the tailwind intellisense but still not working I'm not getting any suggestions and when i hover over any classes it's also not showing the class details.

[thecrypticace]

@ShaquibKhanhub The latest version is 0.13.44, is there any reasons you're not using the latest version?

The latest stable version is 0.12.x — 0.13.x is a pre-release. As a convention most VSCode extensions use odd version numbers for pre-releases and even ones for stable releases. There's little difference between the two at the moment though.

[thecrypticace]

@ShaquibKhanhub Can you provide logs for your project? Open the command palette and run "Tailwind CSS: Show Output"?

[ShaquibKhanhub]

as earlier I have said that I'm facing this issue from past 6 months and for the 0.13v I'm currently using this version but still not working.

[ShaquibKhanhub]

@thecrypticace showing this I thing there's something wrong .

Locating server… Booting server... Setting up server… Listening for messages… Loading Tailwind CSS projects from the workspace settings. [Global] Creating projects: [{"folder":"e:\mern-app\tinder-clone","config":"E:/mern-app/tinder-clone/tailwind.config.js","selectors":[{"priority":0,"pattern":"E:/mern-app/tinder-clone/**"}],"user":true,"tailwind":{"version":"3.4.4","features":["layer:base","separator:root","content-list","jit","css-at-config-as-project","relative-content-paths","transpiled-configs"],"isDefaultVersion":true}}] [Global] Preparing projects... [Global] Adding watch patterns: E:/mern-app/tinder-clone/tailwind.config.js, E:/mern-app/tinder-clone, E:/mern-app, E:/ [Global] Initializing projects... [tailwind.config.js] Initializing... [Error - 11:10:01 AM] Tailwind CSS: ENOENT: no such file or directory, stat 'E:\mern-app\tinder-clone\tailwind.config.js' Error: ENOENT: no such file or directory, stat 'E:\mern-app\tinder-clone\tailwind.config.js' at statSync (node:fs:1667:25) at t.statSync (node:electron/js2c/node_init:2:5052) at c:\Users\ASIF.vscode\extensions\bradlc.vscode-tailwindcss-0.13.45\dist\tailwindServer.js:1291:7853 at Array.map () at fue (c:\Users\ASIF.vscode\extensions\bradlc.vscode-tailwindcss-0.13.45\dist\tailwindServer.js:1291:7840) at x (c:\Users\ASIF.vscode\extensions\bradlc.vscode-tailwindcss-0.13.45\dist\tailwindServer.js:1291:10697) at Object.D [as tryInit] (c:\Users\ASIF.vscode\extensions\bradlc.vscode-tailwindcss-0.13.45\dist\tailwindServer.js:1291:10146) at eS._initFolder (c:\Users\ASIF.vscode\extensions\bradlc.vscode-tailwindcss-0.13.45\dist\tailwindServer.js:1293:23308) at async Promise.allSettled (index 0) at async eS._init (c:\Users\ASIF.vscode\extensions\bradlc.vscode-tailwindcss-0.13.45\dist\tailwindServer.js:1293:18034) [Global] Initialized 1 projects

[ShaquibKhanhub]

@thecrypticace thanks it's working now i just add these code configuration inside my settings.json . { "tailwindCSS.includeLanguages": { "plaintext": "html" }, "tailwindCSS.experimental.classRegex": [ ["class\s?=\s?\"([^\"])\"", 1], ["className\s?={\s?\"([^\"])\"", 1] ],

"tailwindCSS.projects": [ { "folder": "./", "config": "./tailwind.config.js" } ] } if anyone facing issue like mine just provide these like of code it will work but to make it globally, they have to add this inside user.settings.json
Open VSCode. Go to User Settings by pressing Ctrl + , (or Cmd + , on Mac). Click on the {} icon in the top right to open the settings.json file. Replace the existing content with the provided configuration or merge it with your current settings. Save the file. Happy coding!

[cocoich]

"tailwindCSS.projects": [
  {
    "folder": "./",
    "config": "./tailwind.config.js"
  }
]

[Error - 11:10:01 AM] Tailwind CSS: ENOENT: no such file or directory, stat 'E:\mern-app\tinder-clone\tailwind.config.js'
Error: ENOENT: no such file or directory, stat 'E:\mern-app\tinder-clone\tailwind.config.js'

it looks doesn't exists. @ShaquibKhanhub can you provide project-root directory filename?

[ShaquibKhanhub]

"tailwindCSS.projects": [
  {
    "folder": "./",
    "config": "./tailwind.config.js"
  }
]

[Error - 11:10:01 AM] Tailwind CSS: ENOENT: no such file or directory, stat 'E:\mern-app\tinder-clone\tailwind.config.js'
Error: ENOENT: no such file or directory, stat 'E:\mern-app\tinder-clone\tailwind.config.js'

it looks doesn't exists. @ShaquibKhanhub can you provide project-root directory filename?

thank you but now the extension is finally working.