tailwindcss-intellisense is not working

[thiras]

Hello,

Version: 1.50.1
Commit: d2e414d9e4239a252d1ab117bd7067f125afd80a
Date: 2020-10-13T14:44:48.716Z
Electron: 9.2.1
Chrome: 83.0.4103.122
Node.js: 12.14.1
V8: 8.3.110.13-electron.0
OS: Linux x64 5.4.0-52-generic

I have a tailwind.config.js file on my project root.

// tailwind.config.js
module.exports = {
  future: {
    removeDeprecatedGapUtilities: true,
    purgeLayersByDefault: true,
  },
  purge: ['./components/**/*.{js,ts,jsx,tsx}', './pages/**/*.{js,ts,jsx,tsx}'],
  theme: {
    extend: {
      colors: {
        'accent-1': '#333',
      },
    },
  },
  variants: {},
  plugins: [],
}

Not a single line of log on Output -> tailwindcss-intellisense.

The intellisense is not working even after complete OS reboot.

[thiras]

I've just updated my Code. Also reset all the code config folders. The problem still presist.

Version: 1.51.0
Commit: fcac248b077b55bae4ba5bab613fd6e9156c2f0c
Date: 2020-11-05T18:16:10.374Z
Electron: 9.3.3
Chrome: 83.0.4103.122
Node.js: 12.14.1
V8: 8.3.110.13-electron.0
OS: Linux x64 5.4.0-52-generic

[thiras]

My tailwindcss-intellisense output log is empty but here is my Log (Extension Host) output;

[2020-11-06 19:32:38.538] [exthost] [info] extension host started
[2020-11-06 19:32:38.654] [exthost] [info] ExtensionService#_doActivateExtension vscode.microsoft-authentication {"startup":false,"extensionId":{"value":"vscode.microsoft-authentication","_lower":"vscode.microsoft-authentication"},"activationEvent":"onAuthenticationRequest:microsoft"}
[2020-11-06 19:32:38.654] [exthost] [info] ExtensionService#loadCommonJSModule file:///usr/share/code/resources/app/extensions/microsoft-authentication/dist/extension.js
[2020-11-06 19:32:38.667] [exthost] [info] ExtensionService#_doActivateExtension vscode.typescript-language-features {"startup":false,"extensionId":{"value":"vscode.typescript-language-features","_lower":"vscode.typescript-language-features"},"activationEvent":"onLanguage:javascript"}
[2020-11-06 19:32:38.667] [exthost] [info] ExtensionService#loadCommonJSModule file:///usr/share/code/resources/app/extensions/typescript-language-features/dist/extension
[2020-11-06 19:32:38.675] [exthost] [info] ExtensionService#_doActivateExtension vscode.debug-auto-launch {"startup":true,"extensionId":{"value":"vscode.debug-auto-launch","_lower":"vscode.debug-auto-launch"},"activationEvent":"*"}
[2020-11-06 19:32:38.675] [exthost] [info] ExtensionService#loadCommonJSModule file:///usr/share/code/resources/app/extensions/debug-auto-launch/dist/extension
[2020-11-06 19:32:38.677] [exthost] [info] ExtensionService#_doActivateExtension vscode.emmet {"startup":true,"extensionId":{"value":"vscode.emmet","_lower":"vscode.emmet"},"activationEvent":"*"}
[2020-11-06 19:32:38.677] [exthost] [info] ExtensionService#loadCommonJSModule file:///usr/share/code/resources/app/extensions/emmet/dist/node/emmetNodeMain
[2020-11-06 19:32:38.687] [exthost] [info] ExtensionService#_doActivateExtension vscode.git {"startup":true,"extensionId":{"value":"vscode.github","_lower":"vscode.github"},"activationEvent":"*"}
[2020-11-06 19:32:38.687] [exthost] [info] ExtensionService#loadCommonJSModule file:///usr/share/code/resources/app/extensions/git/dist/main
[2020-11-06 19:32:38.702] [exthost] [info] ExtensionService#_doActivateExtension vscode.merge-conflict {"startup":true,"extensionId":{"value":"vscode.merge-conflict","_lower":"vscode.merge-conflict"},"activationEvent":"*"}
[2020-11-06 19:32:38.703] [exthost] [info] ExtensionService#loadCommonJSModule file:///usr/share/code/resources/app/extensions/merge-conflict/dist/mergeConflictMain
[2020-11-06 19:32:38.705] [exthost] [info] ExtensionService#_doActivateExtension vscode.search-result {"startup":true,"extensionId":{"value":"vscode.search-result","_lower":"vscode.search-result"},"activationEvent":"*"}
[2020-11-06 19:32:38.705] [exthost] [info] ExtensionService#loadCommonJSModule file:///usr/share/code/resources/app/extensions/search-result/dist/extension.js
[2020-11-06 19:32:38.706] [exthost] [info] ExtensionService#_doActivateExtension deepcode.deepcode {"startup":true,"extensionId":{"value":"deepcode.deepcode","_lower":"deepcode.deepcode"},"activationEvent":"*"}
[2020-11-06 19:32:38.706] [exthost] [info] ExtensionService#loadCommonJSModule file:///home/thiras/.vscode/extensions/deepcode.deepcode-3.0.7/out/extension.js
[2020-11-06 19:32:38.813] [exthost] [info] ExtensionService#_doActivateExtension eamodio.gitlens {"startup":true,"extensionId":{"value":"eamodio.gitlens","_lower":"eamodio.gitlens"},"activationEvent":"*"}
[2020-11-06 19:32:38.813] [exthost] [info] ExtensionService#loadCommonJSModule file:///home/thiras/.vscode/extensions/eamodio.gitlens-10.2.3/dist/extension
[2020-11-06 19:32:38.831] [exthost] [info] ExtensionService#_doActivateExtension ms-vsliveshare.vsliveshare {"startup":true,"extensionId":{"value":"ms-vsliveshare.vsliveshare","_lower":"ms-vsliveshare.vsliveshare"},"activationEvent":"*"}
[2020-11-06 19:32:38.831] [exthost] [info] ExtensionService#loadCommonJSModule file:///home/thiras/.vscode/extensions/ms-vsliveshare.vsliveshare-1.0.3121/out/prod/extension-prod
[2020-11-06 19:32:39.139] [exthost] [info] ExtensionService#_doActivateExtension TabNine.tabnine-vscode {"startup":true,"extensionId":{"value":"TabNine.tabnine-vscode","_lower":"tabnine.tabnine-vscode"},"activationEvent":"*"}
[2020-11-06 19:32:39.139] [exthost] [info] ExtensionService#loadCommonJSModule file:///home/thiras/.vscode/extensions/tabnine.tabnine-vscode-3.1.5/out/extension
[2020-11-06 19:32:39.171] [exthost] [info] ExtensionService#_doActivateExtension vscode.npm {"startup":true,"extensionId":{"value":"vscode.npm","_lower":"vscode.npm"},"activationEvent":"workspaceContains:package.json"}
[2020-11-06 19:32:39.171] [exthost] [info] ExtensionService#loadCommonJSModule file:///usr/share/code/resources/app/extensions/npm/dist/npmMain
[2020-11-06 19:32:39.271] [exthost] [info] ExtensionService#_doActivateExtension bradlc.vscode-tailwindcss {"startup":true,"extensionId":{"value":"bradlc.vscode-tailwindcss","_lower":"bradlc.vscode-tailwindcss"},"activationEvent":"workspaceContains:**/{tailwind,tailwind.config,tailwind-config,.tailwindrc}.js"}
[2020-11-06 19:32:39.271] [exthost] [info] ExtensionService#loadCommonJSModule file:///home/thiras/.vscode/extensions/bradlc.vscode-tailwindcss-0.4.3/dist/extension/index.js
[2020-11-06 19:32:39.389] [exthost] [info] ExtensionService#_doActivateExtension vscode.configuration-editing {"startup":false,"extensionId":{"value":"vscode.configuration-editing","_lower":"vscode.configuration-editing"},"activationEvent":"onLanguage:jsonc"}
[2020-11-06 19:32:39.389] [exthost] [info] ExtensionService#loadCommonJSModule file:///usr/share/code/resources/app/extensions/configuration-editing/dist/configurationEditingMain
[2020-11-06 19:32:39.391] [exthost] [info] ExtensionService#_doActivateExtension vscode.json-language-features {"startup":false,"extensionId":{"value":"vscode.json-language-features","_lower":"vscode.json-language-features"},"activationEvent":"onLanguage:jsonc"}
[2020-11-06 19:32:39.391] [exthost] [info] ExtensionService#loadCommonJSModule file:///usr/share/code/resources/app/extensions/json-language-features/client/dist/node/jsonClientMain
[2020-11-06 19:32:39.557] [exthost] [info] ExtensionService#_doActivateExtension ms-vscode.js-debug {"startup":false,"extensionId":{"value":"ms-vscode.js-debug","_lower":"ms-vscode.js-debug"},"activationEvent":"onCommand:extension.js-debug.clearAutoAttachVariables"}
[2020-11-06 19:32:39.558] [exthost] [info] ExtensionService#loadCommonJSModule file:///usr/share/code/resources/app/extensions/ms-vscode.js-debug/src/extension.js
[2020-11-06 19:32:39.641] [exthost] [info] ExtensionService#_doActivateExtension vscode.github {"startup":false,"extensionId":{"value":"vscode.github","_lower":"vscode.github"},"activationEvent":"*"}
[2020-11-06 19:32:39.642] [exthost] [info] ExtensionService#loadCommonJSModule file:///usr/share/code/resources/app/extensions/github/dist/extension.js
[2020-11-06 19:32:39.826] [exthost] [info] ExtensionService#_doActivateExtension vscode.github-authentication {"startup":false,"extensionId":{"value":"vscode.github-authentication","_lower":"vscode.github-authentication"},"activationEvent":"onAuthenticationRequest:github"}
[2020-11-06 19:32:39.826] [exthost] [info] ExtensionService#loadCommonJSModule file:///usr/share/code/resources/app/extensions/github-authentication/dist/extension.js
[2020-11-06 19:32:41.677] [exthost] [info] eager extensions activated
[2020-11-06 19:32:41.714] [exthost] [info] ExtensionService#_doActivateExtension dbaeumer.vscode-eslint {"startup":false,"extensionId":{"value":"dbaeumer.vscode-eslint","_lower":"dbaeumer.vscode-eslint"},"activationEvent":"onStartupFinished"}
[2020-11-06 19:32:41.714] [exthost] [info] ExtensionService#loadCommonJSModule file:///home/thiras/.vscode/extensions/dbaeumer.vscode-eslint-2.1.13/client/out/extension
[2020-11-06 19:32:41.721] [exthost] [info] ExtensionService#_doActivateExtension esbenp.prettier-vscode {"startup":false,"extensionId":{"value":"esbenp.prettier-vscode","_lower":"esbenp.prettier-vscode"},"activationEvent":"onStartupFinished"}
[2020-11-06 19:32:41.721] [exthost] [info] ExtensionService#loadCommonJSModule file:///home/thiras/.vscode/extensions/esbenp.prettier-vscode-5.7.1/dist/extension

[wadhah101]

Having the same exact problem with nextjs and no logs
did you solve it ?

[thiras]

@wadhah101 no it's still unsolved. Do you use NVM?

[wadhah101]

No I using node 15 on linux

[wadhah101]

update , tailwindcss is giving an output , code repo https://github.com/wadhah101/insat-schedule
(node:24620) UnhandledPromiseRejectionWarning: TypeError: Cannot read property 'classNames' of undefined at Object.t.getClassNameParts (/home/boogie/.vscode-oss/extensions/bradlc.vscode-tailwindcss-0.4.3/dist/server/index.js:31:37152) at Object.t.getClassNameDecls (/home/boogie/.vscode-oss/extensions/bradlc.vscode-tailwindcss-0.4.3/dist/server/index.js:45:620) at /home/boogie/.vscode-oss/extensions/bradlc.vscode-tailwindcss-0.4.3/dist/server/index.js:13:78172 at Array.forEach (<anonymous>) at /home/boogie/.vscode-oss/extensions/bradlc.vscode-tailwindcss-0.4.3/dist/server/index.js:13:78148 at Array.forEach (<anonymous>) at Object.t.getCssConflictDiagnostics (/home/boogie/.vscode-oss/extensions/bradlc.vscode-tailwindcss-0.4.3/dist/server/index.js:13:78096) at /home/boogie/.vscode-oss/extensions/bradlc.vscode-tailwindcss-0.4.3/dist/server/index.js:1:169311 at Generator.next (<anonymous>) at s (/home/boogie/.vscode-oss/extensions/bradlc.vscode-tailwindcss-0.4.3/dist/server/index.js:1:168610) (node:24620) UnhandledPromiseRejectionWarning: Unhandled promise rejection. This error originated either by throwing inside of an async function without a catch block, or by rejecting a promise which was not handled with .catch(). (rejection id: 1) (node:24620) [DEP0018] DeprecationWarning: Unhandled promise rejections are deprecated. In the future, promise rejections that are not handled will terminate the Node.js process with a non-zero exit code. (node:24620) UnhandledPromiseRejectionWarning: TypeError: Cannot read property 'classNames' of undefined at Object.t.getClassNameParts (/home/boogie/.vscode-oss/extensions/bradlc.vscode-tailwindcss-0.4.3/dist/server/index.js:31:37152) at Object.t.getClassNameDecls (/home/boogie/.vscode-oss/extensions/bradlc.vscode-tailwindcss-0.4.3/dist/server/index.js:45:620) at /home/boogie/.vscode-oss/extensions/bradlc.vscode-tailwindcss-0.4.3/dist/server/index.js:13:78172 at Array.forEach (<anonymous>) at /home/boogie/.vscode-oss/extensions/bradlc.vscode-tailwindcss-0.4.3/dist/server/index.js:13:78148 at Array.forEach (<anonymous>) at Object.t.getCssConflictDiagnostics (/home/boogie/.vscode-oss/extensions/bradlc.vscode-tailwindcss-0.4.3/dist/server/index.js:13:78096) at /home/boogie/.vscode-oss/extensions/bradlc.vscode-tailwindcss-0.4.3/dist/server/index.js:1:169311 at Generator.next (<anonymous>) at s (/home/boogie/.vscode-oss/extensions/bradlc.vscode-tailwindcss-0.4.3/dist/server/index.js:1:168610) (node:24620) UnhandledPromiseRejectionWarning: Unhandled promise rejection. This error originated either by throwing inside of an async function without a catch block, or by rejecting a promise which was not handled with .catch(). (rejection id: 2)

[filipac]

it stopped working for me too like a week ago, don't have any error logs that i can find.

[ZayRTun]

On my current project, I did some changes in my webpack.mix.js file then I compiled it using "npm run dev" and after that, the IntelliSense stopped working. It works on other laravel projects. Plus, I tried removing the whole tailwind package and install it again but still, it's not working.

[themustafaomar]

Pulling my hair out here, waiting for a solution :'(
EDIT:
This solution worked for me (I don't know why 👀)
https://stackoverflow.com/a/63549595

[sanny-io]

Pulling my hair out here, waiting for a solution :'(
EDIT:
This solution worked for me (I don't know why 👀)
https://stackoverflow.com/a/63549595

This kind of worked for me. I see the classes, but can't preview the colors as shown below.

I also can't see the little window that has the CSS properties of the class I'm looking at.

[filipac]

@sanny-io @bradlc what I discovered was that some extensions i had in a dependency had a tailwind.config.js here and that was caugth first by the plugin.

@bradlc i am not very familiar with the workflow to run extesions locally to add new features, would it make sense to have a config value to specify the tailwind.config.js file instead of automatically picking the first from that array (https://github.com/tailwindlabs/tailwindcss-intellisense/blob/master/packages/tailwindcss-intellisense/src/class-names/index.js#L41-L53)

Maybe show a warning message if multiple files found in that array and tell the user to manually specify the config file. In my case, the first found was not used and yarn install has not been made in that folder, once I deleted it the first file in the following array was the good one and intellisense started to work again.

[themustafaomar]

@sanny-io
The exact same behavior here when working with Vue files, the colors don't show.

But the native HTML files working perfectly, I don't know why as well :'(

[filipac]

@themustafaomar maybe you also have multiple tailwind.config.js files?

[mattrossman]

For me, intellisense is broken when using Create React App, but it works when I use Next.js

I followed the official instructions for each as listed here: https://tailwindcss.com/docs/installation

Edit: by some miracle, when I went back to the CRA project, intellisense suddenly works. Maybe had something to do with creation of the Next.js project 🤔