Autocomplete doesn't work

[jpmonteagudo]

When I write it does not suggest anything to autocomplete.

I have reinstalled and nothing

[CarlosRGL]

same here. no suggestions or color preview in classes

[bradlc]

Hey. I'm going to need more information than that:

• Which operating system are you using?
• Which package manager are you using?
• Which version of Tailwind?
• Which version of the extension?
• Are there any errors in the Output panel? You can see this by running the Tailwind CSS: Show Output command from the command palette
• What does your Tailwind config file look like?

Also, please check the troubleshooting section of the readme

[logemann]

Same for me after upgrading to tailwind v2.1+. I dont even know how webstorm should know which css classes exist when using JIT way of things.

Update: Oh.. this is a vscode only repo right?

[bradlc]

Update: Oh.. this is a vscode only repo right?

Yep! We have no involvement with any JetBrains plugins.

[IgnisDa]

Autocomplete does not work for me too. I am in VSCode.

OS: Inside an Ubuntu virtual machine
Version: tailwindcss 2.1.2
Extension version: v0.6.3

There is absolutely no output in the Output panel

Config file:

module.exports = {
  darkMode: 'class', // or 'media' or 'class'
  mode: 'jit',
  purge: {
    content: [
      'components/**/*.vue',
      'layouts/**/*.vue',
      'pages/**/*.vue',
      'plugins/**/*.js',
      'nuxt.config.js',
    ],
  },
  theme: {
    extend: {},
  },
  variants: {
    extend: {},
  },
  plugins: [require('tailwindcss-debug-screens')],
}

[hjpotter92]

Same. Using emacs-lsp, the client logs the following:

Unhandled exception: Cannot read property 'configuration' of null
TypeError: Cannot read property 'configuration' of null
    at /home/hjpotter92/Documents/.files/.emacs.d/.cache/lsp/tailwindcss/extension/dist/server/index.js:54:342424
    at Generator.next (<anonymous>)
    at /home/hjpotter92/Documents/.files/.emacs.d/.cache/lsp/tailwindcss/extension/dist/server/index.js:54:341977
    at new Promise (<anonymous>)
    at En (/home/hjpotter92/Documents/.files/.emacs.d/.cache/lsp/tailwindcss/extension/dist/server/index.js:54:341722)
    at Pn (/home/hjpotter92/Documents/.files/.emacs.d/.cache/lsp/tailwindcss/extension/dist/server/index.js:54:342309)
    at Object.<anonymous> (/home/hjpotter92/Documents/.files/.emacs.d/.cache/lsp/tailwindcss/extension/dist/server/index.js:54:355674)
    at Generator.next (<anonymous>)
    at /home/hjpotter92/Documents/.files/.emacs.d/.cache/lsp/tailwindcss/extension/dist/server/index.js:54:341977
    at new Promise (<anonymous>)

The config file for project is:

module.exports = {
  mode: 'jit',
  purge: ['./pages/**/*.{js,jsx}', './components/**/*.{js,jsx}'],
  darkMode: 'media',
  theme: {
    extend: {},
  },
  variants: {
    extend: {},
  },
  plugins: [],
}

This happened after I upgraded the server version to 0.6.1

[polyzen]

When I upgraded to 0.6.x, this language server did not work with vim-lsp, but seems to work just as well as 0.5.10 did with nvim-lsp.

[AdamT]

When I activate the plugin it will work for the first class I add but then stops working. Removing the plugin will allow autocomplete to work (without recommending tailwind classes of course). I think this is a new occurrence, perhaps related to the amount of classes involved. I have another project on another computer that's on tailwind older than 2.0 and autocomplete works fine. Looking at the plugins I see tailwind requires a "Reload Required" and given this issue I'll not being doing so until the issue is resolved on this failing machine.

When the plugin is active with tailwind version 2.1.4 I see this:

Broken version

Which operating system are you using?

macOS 10.14.6

Which package manager are you using?

npm

Which version of Tailwind?

2.1.4

Which version of the extension?

v0.6.8

Are there any errors in the Output panel? You can see this by running the Tailwind CSS: Show Output command from the command palette

Is this what you mean?

Found Tailwind CSS config file: /Users/me/development/apps/my_app/assets/tailwind.config.js
Loaded postcss v8.3.0: /Users/me/development/apps/my_app/assets/node_modules/postcss
Loaded tailwindcss v2.1.4: /Users/me/development/apps/my_app/assets/node_modules/tailwindcss

What does your Tailwind config file look like?

const colors = require('tailwindcss/colors');

module.exports = {
  purge: {
    enabled: process.env.NODE_ENV === "production",
    content: [
      '../lib/my_app_web/templates/**/*.html.eex',
      './vue/**/*.vue',
      './vue/*.vue',
    ]
  },
  theme: {
    extend: {
      colors: {
        "purple-200": "#F2ECFF",
      },

      spacing: {
        "72": "18rem",
        "84": "21rem",
        "96": "24rem",
      },
    },
  },
  variants: {
    borderColor: ["group-hover", "hover"],
    backgroundColor: ["group-hover", "hover"],
  },
  plugins: [],
};

Update:

Per this comment of rolling back to 5.10
#327 (comment)

It works again.

[agorgl]

Using latest git version with vim-lsp I can confirm I get the same stack trace:

Unhandled exception: Cannot read property 'configuration' of undefined
TypeError: Cannot read property 'configuration' of undefined
    at /usr/bin/tailwindcss-language-server:57:397768
    at Generator.next (<anonymous>)
    at /usr/bin/tailwindcss-language-server:57:396654
    at new Promise (<anonymous>)
    at Et (/usr/bin/tailwindcss-language-server:57:396401)
    at createProjectService (/usr/bin/tailwindcss-language-server:57:397639)
    at TW.<anonymous> (/usr/bin/tailwindcss-language-server:57:414270)
    at Generator.next (<anonymous>)
    at /usr/bin/tailwindcss-language-server:57:396654
    at new Promise (<anonymous>)

[heidarKadkhoda]

With the HTML CSS Support extension enabled, I can get the Tailwind classes to show up sometimes, not the color boxes, but the class names, and that's sometimes. When HTML CSS Support extension is disabled and only the Tailwind CSS Intellisense is enabled, then no classes will shown up.

Which operating system are you using?
Windows 10

Which package manager are you using?
npm

Which version of Tailwind?
v2.2.7 

Which version of the extension?
v0.6.13 

Are there any errors in the Output panel?
You can see this by running the Tailwind CSS: Show Output command from the command palette

This is what I see in Tailwind CSS Intellisense Output:

[Error - 12:38:55] Tailwind CSS: Can't resolve 'tailwindcss' in 'c:\Users\UserName\Desktop\...'
Error
at new g (c:\Users\UserName\.vscode\extensions\bradlc.vscode-tailwindcss-0.6.13\dist\server\tailwindServer.js:56:279180)
at c:\Users\UserName\.vscode\extensions\bradlc.vscode-tailwindcss-0.6.13\dist\server\tailwindServer.js:56:346192
at Generator.next (<anonymous>)
at o (c:\Users\UserName\.vscode\extensions\bradlc.vscode-tailwindcss-0.6.13\dist\server\tailwindServer.js:56:339494)
at processTicksAndRejections (internal/process/task_queues.js:93:5)


What does your Tailwind config file look like?

module.exports = {
  mode: 'jit',
  purge: ['./*.html'],
  darkMode: false, // or 'media' or 'class'
  theme: {
    extend: {},
  },
  variants: {
    extend: {},
  },
  plugins: [],
}

[bradlc]

@AdamT I wasn't able to reproduce this from the config alone, are you able to share your project's repository, or a minimal one that reproduces the issue?

[Hidaddycn]

"editor.quickSuggestions": {
"strings": true
},
"tailwindCSS.emmetCompletions": true
我在vsconde里面的setting.json里面设置了这2条，Autocomplete is work

[rajan-personal]

I am facing this error. I am using vite

[bradlc]

Going to close this as the original post had no information, and details have not been provided since. Please open a new issue if you're experiencing problems.