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