Skip to content

Autocomplete not working on dev server start or installing #1372

@Waradu

Description

@Waradu

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

Metadata

Metadata

Assignees

Labels

No labels
No labels

Type

No type

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions