search

tailwindlabs / tailwindcss-intellisense

Intelligent Tailwind CSS tooling for Visual Studio Code
2.73k stars 181 forks source link

Intellisense not working on Windows for some projects / setups (v0.12.x) #988

Open emirefek opened 6 days ago

emirefek commented 6 days ago

Maintainer's note:

v0.12.2 has been published please update and give it a test first

What version of VS Code are you using? v1.90.2

What version of Tailwind CSS IntelliSense are you using? v0.12.0

What version of Tailwind CSS are you using? v3.4.4

What package manager are you using? npm

What operating system are you using? Windows

Tailwind config

import defaultTheme from "tailwindcss/defaultTheme";
import forms from "@tailwindcss/forms";
import typography from "@tailwindcss/typography";

/** @type {import('tailwindcss').Config} */
export default {
  content: [
    "./resources/views/**/*.blade.php",
    "./vendor/laravel/framework/src/Illuminate/Pagination/resources/views/*.blade.php",
    "./vendor/laravel/jetstream/**/*.blade.php",
    "./storage/framework/views/*.php",
  ],

  theme: {
    extend: {
      fontFamily: {
        sans: ["Figtree", ...defaultTheme.fontFamily.sans],
      },
    },
  },

  plugins: [forms, typography],
};

VS Code settings

previous version works so I don't really wanna spend time to remove unrelated stuff from it.

Describe your issue After last vscode extension update, it stoped working.

darklight9811 commented 6 days ago

Same for me, I noticed not every project stopped working, but every monorepo project has stopped working.

darklight9811 commented 6 days ago

Just wasted 2 hours trying to figure this out...

mpkr commented 6 days ago

I have the same issue, it works in 0.10.5 but the latest one

HyunJinNo commented 6 days ago

I have the same issue. It doesn't work in 0.12.0 on my window 11.

mrfrost1110 commented 6 days ago

I'm having the same issue with v0.12.0 on Windows. Rolling back to v0.10.5 worked for me.

etiennewayne commented 6 days ago

I experienced the same issue for the updated v0.12.0, at first, I thought it was a conflict from other extensions, Rolling back to v0.10.5 solved the problem. OS(windows 10) (VS Code version 1.90.2)

zexzeq commented 6 days ago

Same for v0.12.0, Windows 10, VS Code 1.90.2.

Version 0.10.5 is ok.

FredTreg commented 6 days ago

Same for me: v0.12.0 does not work (Windows 10 + Dev containers), VS Code 1.90.2

Version 0.10.5 works

konalt commented 6 days ago

Me too: v0.12.0 does not work on network drives. VS Code 1.90.2. v0.10.5 works fine

dav1ee commented 6 days ago

Same for me with 0.12.0, had to downgrade to 0.10.5 to get it working again

Tubig-Repo commented 6 days ago

downgrade it an older version it worked for me. wasted like 5 hours of time figuring this bug out

ayrtonandino commented 6 days ago

For me it broke the little preview that shows what CSS is applying, when you hover over the class.

classPreview

I didn't know how much I rely on that.

kantuza commented 6 days ago

vscode 1.88.* not working vscode 1.90.2 not working

joedave13 commented 6 days ago

Mine's also not working with version 0.12.0, downgrade to 0.10.5 solve the problem for now

belicks1999 commented 6 days ago

for me also its not working

ndozhh commented 6 days ago

I have the same problem. 0.10.5 intellisense is working but only in the folder that contains the tailwind.config.ts file. I have a monorepo where tailwind.config.ts is located in apps/web, but now using 0.10.5 the autocomplete and hover class translation only work for apps/web. Files in ui are taking the classes but neither autocomplete nor hover class translation are working.

content: [
    './app/**/*.{js,jsx,ts,tsx}',
    '../../packages/ui/**/*.{js,ts,jsx,tsx}',
    '../docs/stories/*.{ts,tsx,js,jsx}',
  ],

File in packages/ui error

xt0rted commented 6 days ago

Looking at the log output of v0.12.0 this seems like it's due to path normalization which should be fixed by #980.

thecrypticace commented 6 days ago

I'm working on pushing out a release with that fix right now

thecrypticace commented 6 days ago

v0.12.1 has been published please give it a test

thecrypticace commented 6 days ago

Added a note to try the update in the original issue/comment at the top

ndozhh commented 5 days ago

@thecrypticace 0.12.1 is working thank you, but do you have any advice to debug why autocomplete not working in other packages outside where tailwind.config.ts is defined?. I don't know when it stopped working but yesterday I saw it's not working anymore. I think a month ago it was working well, any ideas? Thank you

xt0rted commented 5 days ago

If you find you're still not getting IntelliSense on Windows with v0.12.1 double check that the folder path used when opening VSCode matches what's on disk. If those don't match then this extension, and many others probably, won't work correctly.

When I first ran into this issue I was opening my workspace from GitHub Desktop which had a path casing that didn't match what was on disk. GitHub Desktop had c:\dev\project but on disk it was c:\Dev\Project.

I ran into this a second time with my pinned workspace in the task bar. Right click on the VSCode icon and hovering over my pinned workspace showed casing that also didn't match what was on disk. Un-pin, re-open, re-pin the workspace and everything worked again.

thecrypticace commented 5 days ago

@ndozhh I would've assumed it was a bug in v0.12.x that's causing it but given that you mentioned that it's also broken in v0.10.5 — maybe a VSCode update? I'm not sure. I would check what @xt0rted mentioned and see if you see anything different there.

Any chance you can provide a reproduction repo that I can look at? Intellisense issues are notoriously complicated (and sometimes impossible) to debug without them.

I'm going to look into this and see if I can figure out a workaround for the casing-difference behavior because it's rather unfortunate. Only problem is some filesystems are case-sensitive (kinda wish they all were tbh) and some are not so I can't just blindly lowercase everything.

darklight9811 commented 5 days ago

0.12.1 fixed it for me

thecrypticace commented 5 days ago

🙌 🙌 fantastic. I'll leave this issue open for another day and if more people report in that it's fixed I'll close it.

ayrtonandino commented 5 days ago

0.12.1 fixed it for me

same

binaryartifex commented 5 days ago

EDIT: alright so after some digging, i can confirm my settings still work for version 0.12.0. the most recent patch update to 0.12.1 stuffs it up. The key difference between the VSCode extension outputs between both versions is that they both attach watch processes to all the below patterns without issue, but only 0.12.0 recognizes the custom names root config and runs the follow-on initialization scripts...the below scripts are not run with the new 0.12.1

[tailwind-workspace-preset.ts] Initializing...
[tailwind-workspace-preset.ts] supported features: ["layer:base","separator:root","content-list","jit","css-at-config","relative-content-paths","transpiled-configs"]
[tailwind-workspace-preset.ts] Loaded tailwindcss v3.4.4: F:\[omitted]\node_modules\.pnpm\tailwindcss@3.4.4_ts-node@10.9.2_@swc+core@1.6.5_@swc+helpers@0.5.11__@types+node@20.14.8_typescript@5.5.2_\node_modules\tailwindcss
[tailwind-workspace-preset.ts] Loaded Tailwind CSS config file: f:/[omitted]/tailwind-workspace-preset.ts
[tailwind-workspace-preset.ts] Loaded postcss v8.4.38: F:\[omitted]\node_modules\.pnpm\postcss@8.4.38\node_modules\postcss
[tailwind-workspace-preset.ts] Building...

mines cactus still. nx monorepo, been working smoothly all year till this new version. i have a root workspace config file that all app configs inherit from. i have a common ui folder that inherits from the workspace tailwind config, and any files within the apps or libs namespaced below have their appropriate tailwind configs. Im running a windows OS.

vscode settings

  "tailwindCSS.experimental.configFile": {
    "tailwind-workspace-preset.ts": ["libs/common/ui/**"],
    "apps/app-1/app/tailwind.config.ts": ["apps/app-1/app/**", "libs/app-1/**"],
    "apps/app-2/app/tailwind.config.ts": ["apps/app-2/app/**", "libs/app-2/**"],
    "apps/app-3/tailwind.config.ts": ["apps/app-3/app/**", "libs/app-3/**"]
  },
  "tailwindCSS.classAttributes": ["class", "className", ".*Styles.*"],
  "tailwindCSS.experimental.classRegex": [
        ["([\"'`][^\"'`]*.*?[\"'`])", "[\"'`]([^\"'`]*).*?[\"'`]"]
  ],
  "tailwindCSS.files.exclude": [
    "**/.git/**",
    "**/dist/**",
    "**/node_modules/**",
    "**/.nx/**",
    "**/.husky/**",
    "**/pnpm-lock.yaml"
  ]

prettier

{
  "arrowParens": "always",
  "bracketSameLine": false,
  "bracketSpacing": true,
  "endOfLine": "auto",
  "printWidth": 100,
  "tabWidth": 2,
  "singleQuote": false,
  "trailingComma": "all",
  "plugins": ["prettier-plugin-tailwindcss"],
  "tailwindConfig": "tailwind-workspace-preset.ts",
  "tailwindFunctions": ["tv"]
}
ndozhh commented 5 days ago

@ndozhh I would've assumed it was a bug in v0.12.x that's causing it but given that you mentioned that it's also broken in v0.10.5 — maybe a VSCode update? I'm not sure. I would check what @xt0rted mentioned and see if you see anything different there.

Any chance you can provide a reproduction repo that I can look at? Intellisense issues are notoriously complicated (and sometimes impossible) to debug without them.

I'm going to look into this and see if I can figure out a workaround for the casing-difference behavior because it's rather unfortunate. Only problem is some filesystems are case-sensitive (kinda wish they all were tbh) and some are not so I can't just blindly lowercase everything.

@thecrypticace It's working now. The solution was to add an empty tailwind.config.ts file and a postcss.config.js file to my packages/ui and autocomplete works well now. I don't know why it was working before without those. Btw I tried this after having created the reproduction you asked for and notice it was working there. Thanks for the help!

etiennewayne commented 5 days ago

v0.12.1 has been published please give it a test

It's working, Thanks

thecrypticace commented 5 days ago

@binaryartifex Can you provide the output that does get logged when running v0.12.1? Also are you on a network drive at all?

bturski commented 4 days ago

Updating to v0.12.1 fixed intellisense for me. I had downgraded from v0.12.0 back to v0.10.5 and intellisense was working. I updated to v0.12.1 and restarted extensions but was still broken. Intellisense didn't start working again until I completely closed and re-opened VSCode.

ToxicCrack commented 4 days ago

Updating to 0.12.1 didn't fixed it for me (Linux). Only 0.10 is working

FrancescoLuzzi commented 4 days ago

@thecrypticace 0.12.1 doesn't work for me, my project is located in a network drive and the tailwind.config.js file path gets mangled.

I have mapped RedactedServer to my K: drive, when trying to open tailwind.config.js the K: is prepended to the UNC path.

Here is the server log:

Locating server…
Booting server...
Setting up server…
Listening for messages…
Searching for Tailwind CSS projects in the workspace's folders.
{"tailwind":{"version":"3.4.4","features":["layer:base","separator:root","content-list","jit","css-at-config","relative-content-paths","transpiled-configs"],"isDefaultVersion":true}}
[Global] Creating projects: [{"folder":"K:\\Projects\\test","config":"/RedactedServer/Projects/test/tailwind.config.js","selectors":[{"pattern":"/RedactedServer/Projects/test/tailwind.config.js","priority":0},{"pattern":"/RedactedServer/Projects/test/**","priority":3},{"pattern":"K:/Projects/test/**","priority":4},{"pattern":"K:/Projects/test/**","priority":5}],"user":false,"tailwind":{"version":"3.4.4","features":["layer:base","separator:root","content-list","jit","css-at-config","relative-content-paths","transpiled-configs"],"isDefaultVersion":true}}]
[Global] Adding watch patterns: /RedactedServer/Projects/test/tailwind.config.js, /RedactedServer/Projects/test, /RedactedServer/Projects, /RedactedServer, /
[..\RedactedServer\Projects\test\tailwind.config.js] Initializing...
[Error - 10:17:28 AM] Tailwind CSS: ENOENT: no such file or directory, stat 'k:\RedactedServer\Projects\test\tailwind.config.js'

0.10.5 works fine 😃

tratteo commented 4 days ago

Same here, broken on version > v0.11.80. I rolled back to v0.11.80 and issue was fixed for the moment.

binaryartifex commented 4 days ago

@thecrypticace gday mate sorry for the late reply, so ive switched back to 0.12.1, completely closed and restarted vscode with the following output, it looks like the process freezes after the watch processes are in place, it goes no further than there. I can confirm the prerelease 0.13.1 is the same.

Locating server…
Booting server...
Setting up server…
Listening for messages…
Loading Tailwind CSS projects from the workspace settings.
[Global] Creating projects: [{"folder":"f:\\[directory]","config":"f:/[directory]/tailwind-workspace-preset.ts","selectors":[{"priority":0,"pattern":"f:/[directory]/libs/common/ui/**"}],"user":true,"tailwind":{"version":"3.4.4","features":["layer:base","separator:root","content-list","jit","css-at-config","relative-content-paths","transpiled-configs"],"isDefaultVersion":false}},{"folder":"f:\\[directory]\\temp\\spectrum","config":"f:/[directory]/apps/app-1/app/tailwind.config.ts","selectors":[{"priority":0,"pattern":"f:/[directory]/apps/app-1/app/**"},{"priority":0,"pattern":"f:/[directory]/libs/app-1/**"}],"user":true,"tailwind":{"version":"3.4.4","features":["layer:base","separator:root","content-list","jit","css-at-config","relative-content-paths","transpiled-configs"],"isDefaultVersion":false}},{"folder":"f:\\[directory]\\temp\\spectrum","config":"f:/[directory]/apps/app-2/app/tailwind.config.ts","selectors":[{"priority":0,"pattern":"f:/[directory]/apps/app-2/app/**"},{"priority":0,"pattern":"f:/[directory]/libs/app-2/**"}],"user":true,"tailwind":{"version":"3.4.4","features":["layer:base","separator:root","content-list","jit","css-at-config","relative-content-paths","transpiled-configs"],"isDefaultVersion":false}},{"folder":"f:\\[directory]\\temp\\spectrum","config":"f:/[directory]/apps/app-3/tailwind.config.ts","selectors":[{"priority":0,"pattern":"f:/[directory]/apps/app-3/**"},{"priority":0,"pattern":"f:/[directory]/libs/app-3/**"}],"user":true,"tailwind":{"version":"3.4.4","features":["layer:base","separator:root","content-list","jit","css-at-config","relative-content-paths","transpiled-configs"],"isDefaultVersion":false}}]
[Global] Adding watch patterns: f:/[directory]/tailwind-workspace-preset.ts, f:/[directory], f:/[directory]/temp, f:/[directory], f:/client-projects, f:/, f:/[directory]/tailwind-workspace-preset.ts, f:/[directory], f:/[directory]/temp, f:/[directory], f:/client-projects, f:/
[Global] Adding watch patterns: f:/[directory]/apps/app-1/app/tailwind.config.ts, f:/[directory]/apps/app-1/app, f:/[directory]/apps/app-1, f:/[directory]/apps, f:/[directory]/apps/app-1/app/tailwind.config.ts, f:/[directory]/apps/app-1/app, f:/[directory]/apps/app-1, f:/[directory]/apps
[Global] Adding watch patterns: f:/[directory]/apps/app-2/app/tailwind.config.ts, f:/[directory]/apps/app-2/app, f:/[directory]/apps/app-2, f:/[directory]/apps/app-2/app/tailwind.config.ts, f:/[directory]/apps/app-2/app, f:/[directory]/apps/app-2
[Global] Adding watch patterns: f:/[directory]/apps/app-3/tailwind.config.ts, f:/[directory]/apps/app-3, f:/[directory]/apps/app-3/tailwind.config.ts, f:/[directory]/apps/app-3

using the following config in my workspace settings.json

}
  "tailwindCSS.experimental.configFile": {
    "tailwind-workspace-preset.ts": ["libs/common/ui/**"],
    "apps/app-1/app/tailwind.config.ts": ["apps/app-1/app/**", "libs/app-1/**"],
    "apps/app-2/app/tailwind.config.ts": [
      "apps/app-2/app/**",
      "libs/app-2/**"
    ],
    "apps/app-3/tailwind.config.ts": ["apps/app-3/**", "libs/app-3/**"]
  },
  "tailwindCSS.classAttributes": ["class", "className", ".*Styles.*"],
  "tailwindCSS.experimental.classRegex": [
    [
      "tv\\(([^)(]*(?:\\([^)(]*(?:\\([^)(]*(?:\\([^)(]*\\)[^)(]*)*\\)[^)(]*)*\\)[^)(]*)*)\\)",
      "\"(.*?)\""
    ]
  ],
  "tailwindCSS.files.exclude": [
    "**/.git/**",
    "**/dist/**",
    "**/node_modules/**",
    "**/.nx/**",
    "**/.husky/**",
    "**/pnpm-lock.yaml"
  ]
}

NOTE: after going back to 0.12.0 (the working one) the output in the log is the same accept for the following output at the end

...same as above output....
[tailwind-workspace-preset.ts] Initializing...
[tailwind-workspace-preset.ts] supported features: ["layer:base","separator:root","content-list","jit","css-at-config","relative-content-paths","transpiled-configs"]
[tailwind-workspace-preset.ts] Loaded tailwindcss v3.4.4: F:\[directory]\node_modules\.pnpm\tailwindcss@3.4.4_ts-node@10.9.2_@swc+core@1.6.5_@swc+helpers@0.5.11__@types+node@20.14.8_typescript@5.5.2_\node_modules\tailwindcss
[tailwind-workspace-preset.ts] Loaded Tailwind CSS config file: f:/[directory]/tailwind-workspace-preset.ts
[tailwind-workspace-preset.ts] Loaded postcss v8.4.38: F:\[directory]\node_modules\.pnpm\postcss@8.4.38\node_modules\postcss
[tailwind-workspace-preset.ts] Building...
thecrypticace commented 4 days ago

@binaryartifex I have a feeling you might be on a networked drive. Mind updating to v0.12.2?

@ToxicCrack Can you update to v0.12.2? If that doesn't work can you open an issue with details about your environment and logs and what not?

@FrancescoLuzzi v0.12.2 should fix this

@tratteo Can you provide more details?

FrancescoLuzzi commented 3 days ago

@thecrypticace can confirm, 0.12.2 resolves the network drive issue, thank you!

binaryartifex commented 3 days ago

gah dammit. nah no dice for me im afraid. the drive im using isn't the drive my OS is on, ive got a drive dedicated to dev work but isn't part of a wider network or isolated in any way. Same issue, gets as far as the watch processes like the logs above and freezes. im managing multiple config files derived from a workspace config that isn't named conventionally, has there been a change between versions that manages that any differently?

thecrypticace commented 3 days ago

@binaryartifex I'll see what I can figure out. I might need to add more logging. It seems weird that v0.12.0 would've worked for you where v0.12.1 did not given the only difference between them is making sure the drive-letter casing matches between vscode and the filesystem.

ToxicCrack commented 3 days ago

@thecrypticace 0.12.2 is also working on Linux now! Thanks

tratteo commented 3 days ago

I did some tests and for me any version above 0.12.0 breaks the intellisense on Vscode. I am currently using v0.12.0 and it is working fine.

joshuabalentine-PCC commented 3 days ago

@thecrypticace version 0.12.* broke intellisense for me on Windows as well. After seeing @xt0rted's note about file paths matching, I was able to get it working again.

I have a DevDrive set up on my machine as drive E:. I've mapped it to a folder in my user profile C:\Users\[my profile]\Source, so VS Code was opening folder C:\Users\[my profile]\Source\[project path] and the extension was finding the tw config file at E:\[project path]\tailwind.config.js causing the mismatch.

Opening VS Code on folder E:\[project path] directly got intellisense working again.

Mirthis commented 2 days ago

Broken for me for any version above 0.12.0. Newer versions work ok on the same code base but under WSL rather than native Windows. I can clearly see the difference in the Output tab of VS Code under Tailwind CSS Intellisense as on windows the logs never show anything after Adding watch patterns.

thecrypticace commented 2 days ago

@joshuabalentine-PCC Mind detailing how you set that up? I'd love to reproduce this so I can see if it's something I can potentially fix. I tried doing the same thing and it seems to work in v0.12.2:

Locating server…
Booting server...
Setting up server…
Listening for messages…
Searching for Tailwind CSS projects in the workspace's folders.
{"tailwind":{"version":"3.4.4","features":["layer:base","separator:root","content-list","jit","css-at-config","relative-content-paths","transpiled-configs"],"isDefaultVersion":false}}
[Global] Creating projects: [{"folder":"C:\\Users\\jordanpittman\\DevDriveMount\\netshare","config":"E:/netshare/tailwind.config.js","selectors":[{"pattern":"E:/netshare/tailwind.config.js","priority":0},{"pattern":"E:/netshare/**","priority":3},{"pattern":"C:/Users/jordanpittman/DevDriveMount/netshare/**","priority":5}],"user":false,"tailwind":{"version":"3.4.4","features":["layer:base","separator:root","content-list","jit","css-at-config","relative-content-paths","transpiled-configs"],"isDefaultVersion":false}}]
[Global] Adding watch patterns: E:/netshare/tailwind.config.js, E:/netshare, E:/, E:/netshare/tailwind.config.js, E:/netshare, E:/
[E:\netshare\tailwind.config.js] Initializing...
[E:\netshare\tailwind.config.js] supported features: ["layer:base","separator:root","content-list","jit","css-at-config","relative-content-paths","transpiled-configs"]
[E:\netshare\tailwind.config.js] Loaded tailwindcss v3.4.4: E:\netshare\node_modules\tailwindcss
[E:\netshare\tailwind.config.js] Loaded Tailwind CSS config file: E:/netshare/tailwind.config.js
[E:\netshare\tailwind.config.js] Loaded postcss v8.4.38: E:\netshare\node_modules\postcss
[E:\netshare\tailwind.config.js] Building...
thecrypticace commented 2 days ago

@Mirthis @tratteo @binaryartifex I think it's likely that you are all running into the same issue — I'm just not sure what that is currently.

I've merged in a change that makes some tweaks and adds logging that should go out in our pre-release build in the next 10 minutes or so. Mind giving it a test and providing the logs? They'll be a bit noisy but I'm hoping it'll help me figure out where things are getting stuck because I'm having trouble reproducing these issues. Really, really appreciate the patience here!

joshuabalentine-PCC commented 2 days ago

I'm running Windows 11, so under Settings > System > Storage (> Advanced) > Disks & volumes, I created the Dev Drive partition, then once it was made, in the same Settings page, select that drive's Properties, there's a Paths section to mount it into the primary NTFS drive.

I'm running VS Code 1.90.2 with the following extensions:

My project is a Vue application that builds with webpack. It builds one way into a library folder and another way into a public folder, so the Tailwind extension is picking up 3 tailwind projects.

When I open the folder C:\Users\JoshuaBalentine\Source\[project] in VS Code, the Tailwind extension has this output:

Locating server…
Booting server...
Setting up server…
Listening for messages…
Searching for Tailwind CSS projects in the workspace's folders.
{"tailwind":{"version":"3.4.3","features":["layer:base","separator:root","content-list","jit","css-at-config","relative-content-paths","transpiled-configs"],"isDefaultVersion":false}}
{"tailwind":{"version":"3.4.3","features":["layer:base","separator:root","content-list","jit","css-at-config","relative-content-paths","transpiled-configs"],"isDefaultVersion":false}}
{"tailwind":{"version":"3.4.3","features":["layer:base","separator:root","content-list","jit","css-at-config","relative-content-paths","transpiled-configs"],"isDefaultVersion":false}}
{"tailwind":{"version":"3.4.3","features":["layer:base","separator:root","content-list","jit","css-at-config","relative-content-paths","transpiled-configs"],"isDefaultVersion":false}}
{"tailwind":{"version":"3.4.3","features":["layer:base","separator:root","content-list","jit","css-at-config","relative-content-paths","transpiled-configs"],"isDefaultVersion":false}}
{"tailwind":{"version":"3.4.3","features":["layer:base","separator:root","content-list","jit","css-at-config","relative-content-paths","transpiled-configs"],"isDefaultVersion":false}}
[Global] Creating projects: [{"folder":"C:\\Users\\JoshuaBalentine\\Source\\[project]","config":"E:/[project]/library/static/dist/js/tailwind.js","selectors":[{"pattern":"E:/[project]/library/static/dist/js/tailwind.js","priority":0},{"pattern":"E:/[project]/library/static/dist/js/**","priority":3},{"pattern":"E:/[project]/**","priority":4}],"user":false,"tailwind":{"version":"3.4.3","features":["layer:base","separator:root","content-list","jit","css-at-config","relative-content-paths","transpiled-configs"],"isDefaultVersion":false}},{"folder":"C:\\Users\\JoshuaBalentine\\Source\\[project]","config":"E:/[project]/public/static/dist/js/tailwind.js","selectors":[{"pattern":"E:/[project]/public/static/dist/js/tailwind.js","priority":0},{"pattern":"E:/[project]/public/static/dist/js/**","priority":3},{"pattern":"E:/[project]/**","priority":4}],"user":false,"tailwind":{"version":"3.4.3","features":["layer:base","separator:root","content-list","jit","css-at-config","relative-content-paths","transpiled-configs"],"isDefaultVersion":false}},{"folder":"C:\\Users\\JoshuaBalentine\\Source\\[project]","config":"E:/[project]/tailwind.config.js","selectors":[{"pattern":"E:/[project]/tailwind.config.js","priority":0},{"pattern":"E:/[project]/src/**/*.{js,vue}","priority":1},{"pattern":"E:/[project]/fractal/**/*.{js,hbs}","priority":1},{"pattern":"E:/[project]/src/assets/css/**/*.css","priority":1},{"pattern":"E:/[partial project]/**/*.cshtml","priority":1},{"pattern":"E:/[project]/**","priority":3}],"user":false,"tailwind":{"version":"3.4.3","features":["layer:base","separator:root","content-list","jit","css-at-config","relative-content-paths","transpiled-configs"],"isDefaultVersion":false}}]
[Global] Adding watch patterns: E:/[project]/library/static/dist/js/tailwind.js, E:/[project]/library/static/dist/js, E:/[project]/library/static/dist, E:/[project]/library/static, E:/[project]/library, E:/[project], E:/[partial project], E:/, E:/[project]/library/static/dist/js/tailwind.js, E:/[project]/library/static/dist/js, E:/[project]/library/static/dist, E:/[project]/library/static, E:/[project]/library, E:/[project], E:/[partial project], E:/
[Global] Adding watch patterns: E:/[project]/public/static/dist/js/tailwind.js, E:/[project]/public/static/dist/js, E:/[project]/public/static/dist, E:/[project]/public/static, E:/[project]/public, E:/[project]/public/static/dist/js/tailwind.js, E:/[project]/public/static/dist/js, E:/[project]/public/static/dist, E:/[project]/public/static, E:/[project]/public
[Global] Adding watch patterns: E:/[project]/tailwind.config.js, E:/[project]/tailwind.config.js

When I open the folder E:\[project] in VS Code, the Tailwind extension has this output:

Locating server…
Booting server...
Setting up server…
Listening for messages…
Searching for Tailwind CSS projects in the workspace's folders.
{"tailwind":{"version":"3.4.3","features":["layer:base","separator:root","content-list","jit","css-at-config","relative-content-paths","transpiled-configs"],"isDefaultVersion":false}}
{"tailwind":{"version":"3.4.3","features":["layer:base","separator:root","content-list","jit","css-at-config","relative-content-paths","transpiled-configs"],"isDefaultVersion":false}}
{"tailwind":{"version":"3.4.3","features":["layer:base","separator:root","content-list","jit","css-at-config","relative-content-paths","transpiled-configs"],"isDefaultVersion":false}}
{"tailwind":{"version":"3.4.3","features":["layer:base","separator:root","content-list","jit","css-at-config","relative-content-paths","transpiled-configs"],"isDefaultVersion":false}}
{"tailwind":{"version":"3.4.3","features":["layer:base","separator:root","content-list","jit","css-at-config","relative-content-paths","transpiled-configs"],"isDefaultVersion":false}}
{"tailwind":{"version":"3.4.3","features":["layer:base","separator:root","content-list","jit","css-at-config","relative-content-paths","transpiled-configs"],"isDefaultVersion":false}}
[Global] Creating projects: [{"folder":"E:\\[project]","config":"E:/[project]/library/static/dist/js/tailwind.js","selectors":[{"pattern":"E:/[project]/library/static/dist/js/tailwind.js","priority":0},{"pattern":"E:/[project]/library/static/dist/js/**","priority":3},{"pattern":"E:/[project]/**","priority":4}],"user":false,"tailwind":{"version":"3.4.3","features":["layer:base","separator:root","content-list","jit","css-at-config","relative-content-paths","transpiled-configs"],"isDefaultVersion":false}},{"folder":"E:\\[project]","config":"E:/[project]/public/static/dist/js/tailwind.js","selectors":[{"pattern":"E:/[project]/public/static/dist/js/tailwind.js","priority":0},{"pattern":"E:/[project]/public/static/dist/js/**","priority":3},{"pattern":"E:/[project]/**","priority":4}],"user":false,"tailwind":{"version":"3.4.3","features":["layer:base","separator:root","content-list","jit","css-at-config","relative-content-paths","transpiled-configs"],"isDefaultVersion":false}},{"folder":"E:\\[project]","config":"E:/[project]/tailwind.config.js","selectors":[{"pattern":"E:/[project]/tailwind.config.js","priority":0},{"pattern":"E:/[project]/src/**/*.{js,vue}","priority":1},{"pattern":"E:/[project]/fractal/**/*.{js,hbs}","priority":1},{"pattern":"E:/[project]/src/assets/css/**/*.css","priority":1},{"pattern":"E:/[partial project]/**/*.cshtml","priority":1},{"pattern":"E:/[project]/**","priority":3}],"user":false,"tailwind":{"version":"3.4.3","features":["layer:base","separator:root","content-list","jit","css-at-config","relative-content-paths","transpiled-configs"],"isDefaultVersion":false}}]
[Global] Adding watch patterns: E:/[project]/library/static/dist/js/tailwind.js, E:/[project]/library/static/dist/js, E:/[project]/library/static/dist, E:/[project]/library/static, E:/[project]/library, E:/[project], E:/[partial project], E:/, E:/[project]/library/static/dist/js/tailwind.js, E:/[project]/library/static/dist/js, E:/[project]/library/static/dist, E:/[project]/library/static, E:/[project]/library, E:/[project], E:/[partial project], E:/
[Global] Adding watch patterns: E:/[project]/public/static/dist/js/tailwind.js, E:/[project]/public/static/dist/js, E:/[project]/public/static/dist, E:/[project]/public/static, E:/[project]/public, E:/[project]/public/static/dist/js/tailwind.js, E:/[project]/public/static/dist/js, E:/[project]/public/static/dist, E:/[project]/public/static, E:/[project]/public
[Global] Adding watch patterns: E:/[project]/tailwind.config.js, E:/[project]/tailwind.config.js
[tailwind.config.js] Initializing...
[tailwind.config.js] supported features: ["layer:base","separator:root","content-list","jit","css-at-config","relative-content-paths","transpiled-configs"]
[tailwind.config.js] Loaded tailwindcss v3.4.3: E:\[project]\node_modules\tailwindcss
[tailwind.config.js] Loaded Tailwind CSS config file: E:/[project]/tailwind.config.js
[tailwind.config.js] Loaded postcss v8.4.38: E:\[project]\node_modules\postcss
[tailwind.config.js] Building...
joshuabalentine-PCC commented 2 days ago

@thecrypticace On your prerelease version 0.13.5, the [GLOBAL] Checking document statements use the C drive path and the [GLOBAL] Checking selectors statements use the E drive path. Also, there's a statement [Global] Initialized 0 projects

Mirthis commented 2 days ago

@Mirthis @tratteo @binaryartifex I think it's likely that you are all running into the same issue — I'm just not sure what that is currently.

I've merged in a change that makes some tweaks and adds logging that should go out in our pre-release build in the next 10 minutes or so. Mind giving it a test and providing the logs? They'll be a bit noisy but I'm hoping it'll help me figure out where things are getting stuck because I'm having trouble reproducing these issues. Really, really appreciate the patience here!

@thecrypticace not sure this is what you're after but here it is. Also let me know if you need any other specific detail related to my setup.

v0.12.0 - working fine

Locating server…
Booting server...
Setting up server…
Listening for messages…
Loading Tailwind CSS projects from the workspace settings.
[Global] Creating projects: [{"folder":"c:\\Users\\mirth\\Coding\\simple-day-planner","config":"c:/Users/mirth/Coding/simple-day-planner/tooling/tailwind/web.ts","selectors":[{"priority":0,"pattern":"c:/Users/mirth/Coding/simple-day-planner/**"}],"user":true,"tailwind":{"version":"3.4.1","features":["layer:base","separator:root","content-list","jit","css-at-config","relative-content-paths","transpiled-configs"],"isDefaultVersion":false}}]
[Global] Adding watch patterns: c:/Users/mirth/Coding/simple-day-planner/tooling/tailwind/web.ts, c:/Users/mirth/Coding/simple-day-planner/tooling/tailwind, c:/Users/mirth/Coding/simple-day-planner/tooling, c:/Users/mirth/Coding/simple-day-planner, c:/Users/mirth/Coding, c:/Users/mirth, c:/Users, c:/, c:/Users/mirth/Coding/simple-day-planner/tooling/tailwind/web.ts, c:/Users/mirth/Coding/simple-day-planner/tooling/tailwind, c:/Users/mirth/Coding/simple-day-planner/tooling, c:/Users/mirth/Coding/simple-day-planner, c:/Users/mirth/Coding, c:/Users/mirth, c:/Users, c:/, c:/Users/mirth/Coding/simple-day-planner/tooling/tailwind/base.ts, c:/Users/mirth/Coding/simple-day-planner/tooling/tailwind, c:/Users/mirth/Coding/simple-day-planner/tooling, c:/Users/mirth/Coding/simple-day-planner, c:/Users/mirth/Coding, c:/Users/mirth, c:/Users, c:/
[tooling\tailwind\web.ts] Initializing...
[tooling\tailwind\web.ts] supported features: ["layer:base","separator:root","content-list","jit","css-at-config","relative-content-paths","transpiled-configs"]
[tooling\tailwind\web.ts] Loaded tailwindcss v3.4.1: c:\Users\mirth\Coding\simple-day-planner\node_modules\tailwindcss
[tooling\tailwind\web.ts] Loaded Tailwind CSS config file: c:/Users/mirth/Coding/simple-day-planner/tooling/tailwind/web.ts
[tooling\tailwind\web.ts] Loaded postcss v8.4.35: c:\Users\mirth\Coding\simple-day-planner\node_modules\postcss
[tooling\tailwind\web.ts] Building...

v0.12.2 - not working

Locating server…
Booting server...
Setting up server…
Listening for messages…
Loading Tailwind CSS projects from the workspace settings.
[Global] Creating projects: [{"folder":"c:\\Users\\mirth\\Coding\\simple-day-planner","config":"c:/Users/mirth/Coding/simple-day-planner/tooling/tailwind/web.ts","selectors":[{"priority":0,"pattern":"c:/Users/mirth/Coding/simple-day-planner/**"}],"user":true,"tailwind":{"version":"3.4.1","features":["layer:base","separator:root","content-list","jit","css-at-config","relative-content-paths","transpiled-configs"],"isDefaultVersion":false}}]
[Global] Adding watch patterns: c:/Users/mirth/Coding/simple-day-planner/tooling/tailwind/web.ts, c:/Users/mirth/Coding/simple-day-planner/tooling/tailwind, c:/Users/mirth/Coding/simple-day-planner/tooling, c:/Users/mirth/Coding/simple-day-planner, c:/Users/mirth/Coding, c:/Users/mirth, c:/Users, c:/, c:/Users/mirth/Coding/simple-day-planner/tooling/tailwind/web.ts, c:/Users/mirth/Coding/simple-day-planner/tooling/tailwind, c:/Users/mirth/Coding/simple-day-planner/tooling, c:/Users/mirth/Coding/simple-day-planner, c:/Users/mirth/Coding, c:/Users/mirth, c:/Users, c:/, c:/Users/mirth/Coding/simple-day-planner/tooling/tailwind/base.ts, c:/Users/mirth/Coding/simple-day-planner/tooling/tailwind, c:/Users/mirth/Coding/simple-day-planner/tooling, c:/Users/mirth/Coding/simple-day-planner, c:/Users/mirth/Coding, c:/Users/mirth, c:/Users, c:/

v0.13.5 (pre-release) - also not working

Locating server…
Booting server...
Setting up server…
Listening for messages…
Loading Tailwind CSS projects from the workspace settings.
[Global] Creating projects: [{"folder":"c:\\Users\\mirth\\Coding\\simple-day-planner","config":"c:/Users/mirth/Coding/simple-day-planner/tooling/tailwind/web.ts","selectors":[{"priority":0,"pattern":"c:/Users/mirth/Coding/simple-day-planner/**"}],"user":true,"tailwind":{"version":"3.4.1","features":["layer:base","separator:root","content-list","jit","css-at-config","relative-content-paths","transpiled-configs"],"isDefaultVersion":false}}]
[Global] Preparing projects...
[Global] Adding watch patterns: c:/Users/mirth/Coding/simple-day-planner/tooling/tailwind/web.ts, c:/Users/mirth/Coding/simple-day-planner/tooling/tailwind, c:/Users/mirth/Coding/simple-day-planner/tooling, c:/Users/mirth/Coding/simple-day-planner, c:/Users/mirth/Coding, c:/Users/mirth, c:/Users, c:/, c:/Users/mirth/Coding/simple-day-planner/tooling/tailwind/web.ts, c:/Users/mirth/Coding/simple-day-planner/tooling/tailwind, c:/Users/mirth/Coding/simple-day-planner/tooling, c:/Users/mirth/Coding/simple-day-planner, c:/Users/mirth/Coding, c:/Users/mirth, c:/Users, c:/, c:/Users/mirth/Coding/simple-day-planner/tooling/tailwind/base.ts, c:/Users/mirth/Coding/simple-day-planner/tooling/tailwind, c:/Users/mirth/Coding/simple-day-planner/tooling, c:/Users/mirth/Coding/simple-day-planner, c:/Users/mirth/Coding, c:/Users/mirth, c:/Users, c:/
[Global] Initializing projects...
[GLOBAL] Checking selectors [
  {
    priority: 0,
    pattern: 'c:/Users/mirth/Coding/simple-day-planner/**'
  }
]
[GLOBAL] Checking document {
  fsPath: 'C:\\Users\\mirth\\Coding\\simple-day-planner\\apps\\nextjs\\src\\components\\activities\\ActivityCard.tsx',
  normalPath: '/c:/Users/mirth/Coding/simple-day-planner/apps/nextjs/src/components/activities/ActivityCard.tsx'
}
[Global] Initialized 0 projects
thecrypticace commented 2 days ago

Ah — I think I know what it might be! Lemme verify (may take a bit)

thecrypticace commented 2 days ago

@joshuabalentine-PCC wild this is exactly how I set mine up (aside from the path being just slightly different) 😱 — I'll keep looking into it