Skip to content

Autocomplete not working on dev server start or installing #1372

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
Waradu opened this issue May 18, 2025 · 6 comments · May be fixed by #1375
Open

Autocomplete not working on dev server start or installing #1372

Waradu opened this issue May 18, 2025 · 6 comments · May be fixed by #1375
Assignees

Comments

@Waradu
Copy link

Waradu commented May 18, 2025

What version of VS Code are you using?

For example: v1.100.2

What version of Tailwind CSS IntelliSense are you using?

For example: v0.14.17

What version of Tailwind CSS are you using?

For example: v4.1.7

What package manager are you using?

npm

What operating system are you using?

Windows

Tailwind config

Nothing custom exactly this:
https://tailwindcss.com/docs/installation/framework-guides/nuxt

VS Code settings

Fresh profile. No Extensions except "bradlc.vscode-tailwindcss" (change language mode of .vue file to html to test)

Reproduction URL

https://github.com/Waradu/tw-ext-bug

Describe your issue

Autocomplete works fine normally:
Image

As soon as the dev server is started or npm install ... it stops working.
Image

ctrl + shift + p > Developer: Reload Window while running is a temporary fix but still annoying.

Output

On reload/first open project:

Locating server…
Booting server...
Setting up server…
Listening for messages…
Searching for Tailwind CSS projects in the workspace's folders.
{"tailwind":{"version":"4.1.7","features":["css-at-theme","layer:base","content-list","source-inline","source-not"],"isDefaultVersion":false},"path":"x:/intbox/tailwind/assets/css/main.css"}
[Global] Creating projects: [{"folder":"X:\\intbox\\tailwind","config":"X:/intbox/tailwind/assets/css/main.css","selectors":[{"pattern":"X:/intbox/tailwind/assets/css/main.css","priority":0},{"pattern":"X:/intbox/tailwind/app.vue","priority":1},{"pattern":"X:/intbox/tailwind/nuxt.config.ts","priority":1},{"pattern":"X:/intbox/tailwind/package.json","priority":1},{"pattern":"X:/intbox/tailwind/tsconfig.json","priority":1},{"pattern":"X:/intbox/tailwind/*","priority":1},{"pattern":"X:/intbox/tailwind/assets/**/*.{aspx,astro,cjs,css,cts,eex,erb,gjs,gts,haml,handlebars,hbs,heex,html,jade,js,json,jsx,liquid,md,mdx,mjs,mts,mustache,njk,nunjucks,php,pug,py,razor,rb,rhtml,rs,slim,svelte,tpl,ts,tsx,twig,vue}","priority":1},{"pattern":"X:/intbox/tailwind/assets/css/**","priority":2},{"pattern":"X:/intbox/tailwind/**","priority":4},{"pattern":"X:/intbox/tailwind/**","priority":5}],"user":false,"tailwind":{"version":"4.1.7","features":["css-at-theme","layer:base","content-list","source-inline","source-not"],"isDefaultVersion":false}}]
[Global] Preparing projects...
[Global] Initializing projects...
[assets\css\main.css] Initializing...
[Global] Adding watch patterns: X:/intbox/tailwind/assets/css/main.css, X:/intbox/tailwind/assets/css, X:/intbox/tailwind/assets, X:/intbox/tailwind, X:/intbox, X:/
[assets\css\main.css] supported features: ["css-at-theme","layer:base","content-list","source-inline","source-not"]
[assets\css\main.css] Loaded tailwindcss v4.1.7: x:\intbox\tailwind\node_modules\tailwindcss
[assets\css\main.css] Building...
[Global] Adding watch patterns: x:\intbox\tailwind\node_modules\tailwindcss\index.css
[Global] Initialized 1 projects

After starting dev server or installing:

Locating server…
Booting server...
Setting up server…
Listening for messages…
Searching for Tailwind CSS projects in the workspace's folders.
{"tailwind":{"version":"4.1.7","features":["css-at-theme","layer:base","content-list","source-inline","source-not"],"isDefaultVersion":false},"path":"x:/intbox/tailwind/assets/css/main.css"}
[Global] Creating projects: [{"folder":"X:\\intbox\\tailwind","config":"X:/intbox/tailwind/assets/css/main.css","selectors":[{"pattern":"X:/intbox/tailwind/assets/css/main.css","priority":0},{"pattern":"X:/intbox/tailwind/app.vue","priority":1},{"pattern":"X:/intbox/tailwind/nuxt.config.ts","priority":1},{"pattern":"X:/intbox/tailwind/package.json","priority":1},{"pattern":"X:/intbox/tailwind/tsconfig.json","priority":1},{"pattern":"X:/intbox/tailwind/*","priority":1},{"pattern":"X:/intbox/tailwind/assets/**/*.{aspx,astro,cjs,css,cts,eex,erb,gjs,gts,haml,handlebars,hbs,heex,html,jade,js,json,jsx,liquid,md,mdx,mjs,mts,mustache,njk,nunjucks,php,pug,py,razor,rb,rhtml,rs,slim,svelte,tpl,ts,tsx,twig,vue}","priority":1},{"pattern":"X:/intbox/tailwind/assets/css/**","priority":2},{"pattern":"X:/intbox/tailwind/**","priority":4},{"pattern":"X:/intbox/tailwind/**","priority":5}],"user":false,"tailwind":{"version":"4.1.7","features":["css-at-theme","layer:base","content-list","source-inline","source-not"],"isDefaultVersion":false}}]
[Global] Preparing projects...
[Global] Initializing projects...
[assets\css\main.css] Initializing...
[Global] Adding watch patterns: X:/intbox/tailwind/assets/css/main.css, X:/intbox/tailwind/assets/css, X:/intbox/tailwind/assets, X:/intbox/tailwind, X:/intbox, X:/
[assets\css\main.css] supported features: ["css-at-theme","layer:base","content-list","source-inline","source-not"]
[assets\css\main.css] Loaded tailwindcss v4.1.7: x:\intbox\tailwind\node_modules\tailwindcss
[assets\css\main.css] Building...
[Global] Adding watch patterns: x:\intbox\tailwind\node_modules\tailwindcss\index.css
[Global] Initialized 1 projects
----------
RESTARTING
----------
[Info  - 4:43:15 PM] [GLOBAL] No matching project for document {
  fsPath: 'X:\\intbox\\tailwind\\app.vue',
  normalPath: '/x:/intbox/tailwind/app.vue'
}
Searching for Tailwind CSS projects in the workspace's folders.
{"tailwind":{"version":"4.1.7","features":["css-at-theme","layer:base","content-list","source-inline","source-not"],"isDefaultVersion":false},"path":"x:/intbox/tailwind/assets/css/main.css"}
[Global] Creating projects: [{"folder":"X:\\intbox\\tailwind","config":"X:/intbox/tailwind/assets/css/main.css","selectors":[{"pattern":"X:/intbox/tailwind/assets/css/main.css","priority":0},{"pattern":"X:/intbox/tailwind/app.vue","priority":1},{"pattern":"X:/intbox/tailwind/nuxt.config.ts","priority":1},{"pattern":"X:/intbox/tailwind/package.json","priority":1},{"pattern":"X:/intbox/tailwind/tsconfig.json","priority":1},{"pattern":"X:/intbox/tailwind/*","priority":1},{"pattern":"X:/intbox/tailwind/assets/**/*.{aspx,astro,cjs,css,cts,eex,erb,gjs,gts,haml,handlebars,hbs,heex,html,jade,js,json,jsx,liquid,md,mdx,mjs,mts,mustache,njk,nunjucks,php,pug,py,razor,rb,rhtml,rs,slim,svelte,tpl,ts,tsx,twig,vue}","priority":1},{"pattern":"X:/intbox/tailwind/assets/css/**","priority":2},{"pattern":"X:/intbox/tailwind/**","priority":4},{"pattern":"X:/intbox/tailwind/**","priority":5}],"user":false,"tailwind":{"version":"4.1.7","features":["css-at-theme","layer:base","content-list","source-inline","source-not"],"isDefaultVersion":false}}]
[Global] Preparing projects...
[Global] Initializing projects...
[assets\css\main.css] Initializing...
[Global] Adding watch patterns: X:/intbox/tailwind/assets/css/main.css, X:/intbox/tailwind/assets/css, X:/intbox/tailwind/assets, X:/intbox/tailwind, X:/intbox, X:/
[assets\css\main.css] supported features: ["css-at-theme","layer:base","content-list","source-inline","source-not"]
[assets\css\main.css] Loaded tailwindcss v4.1.7: x:\intbox\tailwind\node_modules\tailwindcss
[assets\css\main.css] Building...
[Global] Adding watch patterns: x:\intbox\tailwind\node_modules\tailwindcss\index.css
[Global] Initialized 1 projects
----------
RESTARTING
----------
[Info  - 4:43:16 PM] [GLOBAL] No matching project for document {
  fsPath: 'X:\\intbox\\tailwind\\app.vue',
  normalPath: '/x:/intbox/tailwind/app.vue'
}
Searching for Tailwind CSS projects in the workspace's folders.
{"tailwind":{"version":"4.1.7","features":["css-at-theme","layer:base","content-list","source-inline","source-not"],"isDefaultVersion":false},"path":"x:/intbox/tailwind/assets/css/main.css"}
[Global] Creating projects: [{"folder":"X:\\intbox\\tailwind","config":"X:/intbox/tailwind/assets/css/main.css","selectors":[{"pattern":"X:/intbox/tailwind/assets/css/main.css","priority":0},{"pattern":"X:/intbox/tailwind/app.vue","priority":1},{"pattern":"X:/intbox/tailwind/nuxt.config.ts","priority":1},{"pattern":"X:/intbox/tailwind/package.json","priority":1},{"pattern":"X:/intbox/tailwind/tsconfig.json","priority":1},{"pattern":"X:/intbox/tailwind/*","priority":1},{"pattern":"X:/intbox/tailwind/assets/**/*.{aspx,astro,cjs,css,cts,eex,erb,gjs,gts,haml,handlebars,hbs,heex,html,jade,js,json,jsx,liquid,md,mdx,mjs,mts,mustache,njk,nunjucks,php,pug,py,razor,rb,rhtml,rs,slim,svelte,tpl,ts,tsx,twig,vue}","priority":1},{"pattern":"X:/intbox/tailwind/assets/css/**","priority":2},{"pattern":"X:/intbox/tailwind/**","priority":4},{"pattern":"X:/intbox/tailwind/**","priority":5}],"user":false,"tailwind":{"version":"4.1.7","features":["css-at-theme","layer:base","content-list","source-inline","source-not"],"isDefaultVersion":false}}]
[Global] Preparing projects...
[Global] Initializing projects...
[assets\css\main.css] Initializing...
[Global] Adding watch patterns: X:/intbox/tailwind/assets/css/main.css, X:/intbox/tailwind/assets/css, X:/intbox/tailwind/assets, X:/intbox/tailwind, X:/intbox, X:/
[assets\css\main.css] supported features: ["css-at-theme","layer:base","content-list","source-inline","source-not"]
[assets\css\main.css] Loaded tailwindcss v4.1.7: x:\intbox\tailwind\node_modules\tailwindcss
[assets\css\main.css] Building...
[Global] Adding watch patterns: x:\intbox\tailwind\node_modules\tailwindcss\index.css
[Global] Initialized 1 projects
@Waradu
Copy link
Author

Waradu commented May 18, 2025

@thecrypticace thecrypticace self-assigned this May 18, 2025
@thecrypticace
Copy link
Contributor

Notes for me in the am:

  • Based on the logs the initialization completes as expected
  • With the above project the issue is not reproducible on macOS or Windows before/after npm install or before/after npm run dev
  • Screenshot shows document colors did not get cleared — this means either there's an invalidation issue or the server is working but completions aren't being returned
  • This projet DOES reproduce (tested on macOS but likely Windows is affected as well): https://github.com/XurxoMF/rustory
  • Hovers appear work but completions stop working even in new files

@abdellah711
Copy link

I experienced a similar issue, in my case the autocomplete wasn't working at all, even without running any npm commands
downgrading to version 0.14.16 resolved the problem for me

@functasti
Copy link

I experienced a similar issue with v0.14.17 on Ubuntu with VS Code 1.100.1, but I don't think my issue was related to the dev server or installation since I've been doing both multiple times throughout the past day and didn't notice any correlation. However, I did encounter an instance where intellisense suggestions stopped working, and restarting the IDE resolved the issue. Does VS Code log unhandled exceptions or crashes in extensions?

@CharlesAttend
Copy link

CharlesAttend commented May 19, 2025

I can confirm that reverting to version 0.14.16 resolves the IntelliSense issues.
The odd part is that IntelliSense appears to work until I run Nuxt dev 🤔

For context:

  • I'm using a simplifier Tailwind config than the OP
  • Tailwind CSS version: v4
  • VSCode info: 1.100.2, 848b80aeb52026648a8ff9f7c45a9b0a80641e2e, x64
  • OS: Arch Linux

VS Code extension output before starting the dev server:

Locating server…
Booting server...
Setting up server…
Listening for messages…
Searching for Tailwind CSS projects in the workspace's folders.
{"tailwind":{"version":"4.1.4","features":["css-at-theme","layer:base","content-list","source-inline","source-not"],"isDefaultVersion":false},"path":"/home/charles/Documents/nectar/front/assets/css/main.css"}
[Global] Creating projects: [{"folder":"/home/charles/Documents/nectar","config":"/home/charles/Documents/nectar/front/assets/css/main.css","selectors":[{"pattern":"/home/charles/Documents/nectar/front/assets/css/main.css","priority":0},{"pattern":"/home/charles/Documents/nectar/front/assets/css/**","priority":2},{"pattern":"/home/charles/Documents/nectar/front/**","priority":4},{"pattern":"/home/charles/Documents/nectar/**","priority":5}],"user":false,"tailwind":{"version":"4.1.4","features":["css-at-theme","layer:base","content-list","source-inline","source-not"],"isDefaultVersion":false}}]
[Global] Preparing projects...
[Global] Initializing projects...
[front/assets/css/main.css] Initializing...
[Global] Adding watch patterns: /home/charles/Documents/nectar/front/assets/css/main.css, /home/charles/Documents/nectar/front/assets/css, /home/charles/Documents/nectar/front/assets, /home/charles/Documents/nectar/front, /home/charles/Documents/nectar
[front/assets/css/main.css] supported features: ["css-at-theme","layer:base","content-list","source-inline","source-not"]
[front/assets/css/main.css] Loaded tailwindcss v4.1.4: /home/charles/Documents/nectar/front/node_modules/.pnpm/[email protected]/node_modules/tailwindcss
[front/assets/css/main.css] Building...
[Global] Adding watch patterns: /home/charles/Documents/nectar/front/node_modules/.pnpm/[email protected]/node_modules/tailwindcss/index.css, /home/charles/Documents/nectar/front/node_modules/.pnpm/[email protected][email protected]/node_modules/tailwindcss-primeui/v4/index.css, /home/charles/Documents/nectar/front/node_modules/.pnpm/[email protected][email protected]/node_modules/tailwindcss-primeui/v4/theme/colors.css, /home/charles/Documents/nectar/front/node_modules/.pnpm/[email protected][email protected]/node_modules/tailwindcss-primeui/v4/utils/backface.css, /home/charles/Documents/nectar/front/node_modules/.pnpm/[email protected][email protected]/node_modules/tailwindcss-primeui/v4/utils/delay.css, /home/charles/Documents/nectar/front/node_modules/.pnpm/[email protected][email protected]/node_modules/tailwindcss-primeui/v4/utils/direction.css, /home/charles/Documents/nectar/front/node_modules/.pnpm/[email protected][email protected]/node_modules/tailwindcss-primeui/v4/utils/duration.css, /home/charles/Documents/nectar/front/node_modules/.pnpm/[email protected][email protected]/node_modules/tailwindcss-primeui/v4/utils/fillMode.css, /home/charles/Documents/nectar/front/node_modules/.pnpm/[email protected][email protected]/node_modules/tailwindcss-primeui/v4/utils/iterationCount.css, /home/charles/Documents/nectar/front/node_modules/.pnpm/[email protected][email protected]/node_modules/tailwindcss-primeui/v4/utils/playState.css, /home/charles/Documents/nectar/front/node_modules/.pnpm/[email protected][email protected]/node_modules/tailwindcss-primeui/v4/utils/timingFunction.css, /home/charles/Documents/nectar/front/node_modules/.pnpm/[email protected][email protected]/node_modules/tailwindcss-primeui/v4/utils/preset.css, /home/charles/Documents/nectar/front/node_modules/.pnpm/[email protected][email protected]/node_modules/tailwindcss-primeui/v4/utils/enterleave.css, /home/charles/Documents/nectar/front/node_modules/.pnpm/[email protected][email protected]/node_modules/tailwindcss-primeui/v4/utils/animation.css, /home/charles/Documents/nectar/front/node_modules/.pnpm/[email protected][email protected]/node_modules/tailwindcss-primeui/v4/utils/keyframes.css, /home/charles/Documents/nectar/front/node_modules/.pnpm/[email protected][email protected]/node_modules/tailwindcss-primeui/v4/utils/variants.css
[Global] Initialized 1 projects

Then when starting Nuxt dev server those new line appear

----------
RESTARTING
----------
[Info  - 3:43:00 PM] [GLOBAL] No matching project for document {
  fsPath: '/home/charles/Documents/nectar/front/components/composition/SearchTextResults.vue',
  normalPath: '/home/charles/Documents/nectar/front/components/composition/SearchTextResults.vue'
}
Searching for Tailwind CSS projects in the workspace's folders.
{"tailwind":{"version":"4.1.4","features":["css-at-theme","layer:base","content-list","source-inline","source-not"],"isDefaultVersion":false},"path":"/home/charles/Documents/nectar/front/assets/css/main.css"}
[Global] Creating projects: [{"folder":"/home/charles/Documents/nectar","config":"/home/charles/Documents/nectar/front/assets/css/main.css","selectors":[{"pattern":"/home/charles/Documents/nectar/front/assets/css/main.css","priority":0},{"pattern":"/home/charles/Documents/nectar/front/assets/css/**","priority":2},{"pattern":"/home/charles/Documents/nectar/front/**","priority":4},{"pattern":"/home/charles/Documents/nectar/**","priority":5}],"user":false,"tailwind":{"version":"4.1.4","features":["css-at-theme","layer:base","content-list","source-inline","source-not"],"isDefaultVersion":false}}]
[Global] Preparing projects...
[Global] Initializing projects...
[front/assets/css/main.css] Initializing...
[Global] Adding watch patterns: /home/charles/Documents/nectar/front/assets/css/main.css, /home/charles/Documents/nectar/front/assets/css, /home/charles/Documents/nectar/front/assets, /home/charles/Documents/nectar/front, /home/charles/Documents/nectar
[front/assets/css/main.css] supported features: ["css-at-theme","layer:base","content-list","source-inline","source-not"]
[front/assets/css/main.css] Loaded tailwindcss v4.1.4: /home/charles/Documents/nectar/front/node_modules/.pnpm/[email protected]/node_modules/tailwindcss
[front/assets/css/main.css] Building...
[Global] Adding watch patterns: /home/charles/Documents/nectar/front/node_modules/.pnpm/[email protected]/node_modules/tailwindcss/index.css, /home/charles/Documents/nectar/front/node_modules/.pnpm/[email protected][email protected]/node_modules/tailwindcss-primeui/v4/index.css, /home/charles/Documents/nectar/front/node_modules/.pnpm/[email protected][email protected]/node_modules/tailwindcss-primeui/v4/theme/colors.css, /home/charles/Documents/nectar/front/node_modules/.pnpm/[email protected][email protected]/node_modules/tailwindcss-primeui/v4/utils/backface.css, /home/charles/Documents/nectar/front/node_modules/.pnpm/[email protected][email protected]/node_modules/tailwindcss-primeui/v4/utils/delay.css, /home/charles/Documents/nectar/front/node_modules/.pnpm/[email protected][email protected]/node_modules/tailwindcss-primeui/v4/utils/direction.css, /home/charles/Documents/nectar/front/node_modules/.pnpm/[email protected][email protected]/node_modules/tailwindcss-primeui/v4/utils/duration.css, /home/charles/Documents/nectar/front/node_modules/.pnpm/[email protected][email protected]/node_modules/tailwindcss-primeui/v4/utils/fillMode.css, /home/charles/Documents/nectar/front/node_modules/.pnpm/[email protected][email protected]/node_modules/tailwindcss-primeui/v4/utils/iterationCount.css, /home/charles/Documents/nectar/front/node_modules/.pnpm/[email protected][email protected]/node_modules/tailwindcss-primeui/v4/utils/playState.css, /home/charles/Documents/nectar/front/node_modules/.pnpm/[email protected][email protected]/node_modules/tailwindcss-primeui/v4/utils/timingFunction.css, /home/charles/Documents/nectar/front/node_modules/.pnpm/[email protected][email protected]/node_modules/tailwindcss-primeui/v4/utils/preset.css, /home/charles/Documents/nectar/front/node_modules/.pnpm/[email protected][email protected]/node_modules/tailwindcss-primeui/v4/utils/enterleave.css, /home/charles/Documents/nectar/front/node_modules/.pnpm/[email protected][email protected]/node_modules/tailwindcss-primeui/v4/utils/animation.css, /home/charles/Documents/nectar/front/node_modules/.pnpm/[email protected][email protected]/node_modules/tailwindcss-primeui/v4/utils/keyframes.css, /home/charles/Documents/nectar/front/node_modules/.pnpm/[email protected][email protected]/node_modules/tailwindcss-primeui/v4/utils/variants.css
[Global] Initialized 1 projects

@Waradu
Copy link
Author

Waradu commented May 19, 2025

@CharlesAttend I think you meant to say 0.14.16 instead of 0.14.6. But yes downgrading to 0.14.16 also fixed it to me.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging a pull request may close this issue.

5 participants