search

tailwindlabs / tailwindcss-intellisense

Intelligent Tailwind CSS tooling for Visual Studio Code
2.87k stars 195 forks source link

V4 intellisense not working in a monorepo v0.12.9 and after #1054

Open sibbng opened 1 month ago

sibbng commented 1 month ago

What version of VS Code are you using?

v.1.93.1

What version of Tailwind CSS IntelliSense are you using?

0.12.9 Tried 0.12.10 and pre-release too

What version of Tailwind CSS are you using?

4.0.0-alpha.24

What package manager are you using?

pnpm

What operating system are you using?

Windows

Tailwind config

/** @type {import('tailwindcss').Config} */
export default {
  content: ["./client/src/**/*.{js,jsx,ts,tsx}"],
  theme: {
    extend: {},
  },
  plugins: [],
};

VS Code settings

  "tailwindCSS.experimental.classRegex": [
    ["clsx\\(([^)]*)\\)", "(?:'|\"|`)([^']*)(?:'|\"|`)"]
  ],

Reproduction URL

I thought the issue is obvious, if it's not I would happily provide a repro.

Describe your issue

Hi, I'm using v4 in a monorepo and I have 2 issues:

1- Intellisense not working v0.12.9 and after (including pre-release) 2- v0.12.8 (working version) only working if I have @config "path/to/tailwind.conf.ts" in my css file. I thought config file is not mandatory in v4.

Workaround

philipp-spiess commented 1 month ago

Hey @sibbng! Do you mind checking if the logs has any information on this? You can access it via View > Output and then picking the "Tailwind CSS IntelliSense" extension in the dropdown of the output module.

sibbng commented 1 month ago

Prior to creating the issue I checked output but couldn't see an error. I checked again, and apparently v0.12.9 has significantly longer output.

v0.12.9 (not working)

Locating server…
Booting server...
Setting up server…
Listening for messages…
Searching for Tailwind CSS projects in the workspace's folders.
{"tailwind":{"version":"4.0.0-alpha.24","features":["css-at-theme","layer:base","content-list"],"isDefaultVersion":false}}
{"tailwind":{"version":"4.0.0-alpha.24","features":["css-at-theme","layer:base","content-list"],"isDefaultVersion":false}}
{"tailwind":{"version":"4.0.0-alpha.24","features":["css-at-theme","layer:base","content-list"],"isDefaultVersion":false}}
[Global] Creating projects: [{"folder":"C:\\Users\\user\\dev\\workup","config":"C:/Users/user/dev/workup/apps/web/client/src/main.css","selectors":[{"pattern":"C:/Users/user/dev/workup/apps/web/client/src/main.css","priority":0},{"pattern":"C:/Users/user/dev/workup/apps/web/client/src/**","priority":2},{"pattern":"C:/Users/user/dev/workup/apps/web/**","priority":4}],"user":false,"tailwind":{"version":"4.0.0-alpha.24","features":["css-at-theme","layer:base","content-list"],"isDefaultVersion":false}},{"folder":"C:\\Users\\user\\dev\\workup","config":"C:/Users/user/dev/workup/apps/web/client/src/themes.css","selectors":[{"pattern":"C:/Users/user/dev/workup/apps/web/client/src/themes.css","priority":0},{"pattern":"C:/Users/user/dev/workup/apps/web/client/src/**","priority":2},{"pattern":"C:/Users/user/dev/workup/apps/web/**","priority":4}],"user":false,"tailwind":{"version":"4.0.0-alpha.24","features":["css-at-theme","layer:base","content-list"],"isDefaultVersion":false}}]
[Global] Preparing projects...
[Global] Initializing projects...
[apps\web\client\src\main.css] Initializing...
[Global] Adding watch patterns: C:/Users/user/dev/workup/apps/web/client/src/main.css, C:/Users/user/dev/workup/apps/web/client/src, C:/Users/user/dev/workup/apps/web/client, C:/Users/user/dev/workup/apps/web, C:/Users/user/dev/workup/apps, C:/Users/user/dev/workup, C:/Users/user/dev, C:/Users/user, C:/Users, C:/
[apps\web\client\src\main.css] supported features: ["css-at-theme","layer:base","content-list"]
[apps\web\client\src\main.css] Loaded tailwindcss v4.0.0-alpha.24: C:\Users\user\dev\workup\node_modules\.pnpm\tailwindcss@4.0.0-alpha.24\node_modules\tailwindcss
[apps\web\client\src\main.css] Building...
[apps\web\client\src\main.css] Initializing...
[apps\web\client\src\main.css] supported features: ["css-at-theme","layer:base","content-list"]
[apps\web\client\src\main.css] Loaded tailwindcss v4.0.0-alpha.24: C:\Users\user\dev\workup\node_modules\.pnpm\tailwindcss@4.0.0-alpha.24\node_modules\tailwindcss
[apps\web\client\src\main.css] Building...
[apps\web\client\src\main.css] Initializing...
[apps\web\client\src\main.css] supported features: ["css-at-theme","layer:base","content-list"]
[apps\web\client\src\main.css] Loaded tailwindcss v4.0.0-alpha.24: C:\Users\user\dev\workup\node_modules\.pnpm\tailwindcss@4.0.0-alpha.24\node_modules\tailwindcss
[apps\web\client\src\main.css] Building...
[apps\web\client\src\main.css] Initializing...
[apps\web\client\src\main.css] supported features: ["css-at-theme","layer:base","content-list"]
[apps\web\client\src\main.css] Loaded tailwindcss v4.0.0-alpha.24: C:\Users\user\dev\workup\node_modules\.pnpm\tailwindcss@4.0.0-alpha.24\node_modules\tailwindcss
[apps\web\client\src\main.css] Building...
[Global] Initialized 4 projects

v0.12.8 (working)

Locating server…
Booting server...
Setting up server…
Listening for messages…
Searching for Tailwind CSS projects in the workspace's folders.
{"tailwind":{"version":"4.0.0-alpha.24","features":["css-at-theme","layer:base","content-list"],"isDefaultVersion":false}}
{"tailwind":{"version":"4.0.0-alpha.24","features":["css-at-theme","layer:base","content-list"],"isDefaultVersion":false}}
[Global] Creating projects: [{"folder":"C:\\Users\\user\\dev\\workup","config":"C:/Users/user/dev/workup/apps/web/client/src/themes.css","selectors":[{"pattern":"C:/Users/user/dev/workup/apps/web/client/src/themes.css","priority":0},{"pattern":"C:/Users/user/dev/workup/apps/web/client/src/**","priority":2},{"pattern":"C:/Users/user/dev/workup/apps/web/**","priority":4},{"pattern":"C:/Users/user/dev/workup/**","priority":5}],"user":false,"tailwind":{"version":"4.0.0-alpha.24","features":["css-at-theme","layer:base","content-list"],"isDefaultVersion":false}}]
[Global] Preparing projects...
[Global] Initializing projects...
[apps\web\client\src\themes.css] Initializing...
[Global] Adding watch patterns: C:/Users/user/dev/workup/apps/web/client/src/themes.css, C:/Users/user/dev/workup/apps/web/client/src, C:/Users/user/dev/workup/apps/web/client, C:/Users/user/dev/workup/apps/web, C:/Users/user/dev/workup/apps, C:/Users/user/dev/workup, C:/Users/user/dev, C:/Users/user, C:/Users, C:/
[apps\web\client\src\themes.css] supported features: ["css-at-theme","layer:base","content-list"]
[apps\web\client\src\themes.css] Loaded tailwindcss v4.0.0-alpha.24: C:\Users\user\dev\workup\node_modules\.pnpm\tailwindcss@4.0.0-alpha.24\node_modules\tailwindcss
[apps\web\client\src\themes.css] Building...
[Global] Initialized 1 projects
sibbng commented 1 month ago

After doing git bisect locally I found that the issue first appear on https://github.com/tailwindlabs/tailwindcss-intellisense/pull/1044

After blindy restoring some of the changes, I found that after adding the following removed continue statement back fixes the issue:

https://github.com/tailwindlabs/tailwindcss-intellisense/pull/1044/files#diff-24285a462ea95066a768f6f8b12ed8695a3cac1de01b0e1c1a1baa6f89b19c24L330

/cc @thecrypticace

brandongit2 commented 1 month ago

Yep, I can confirm this same issue is affecting us too. This feels like a pretty significant bug. This being outside the main Tailwind repo, it would be great to confirm that the Tailwind team has eyes on this!