Skip to content

ryancbahan/tailwindcss-intellisense-repro

Repository files navigation

README

Development setup:

  • clone repository
  • run bundle install
  • run bin/dev to start the server + Tailwind

Or from scratch:

  • rails new YOUR_APP_NAME
  • cd YOUR_APP_NAME
  • ./bin/bundle add tailwindcss-rails
  • ./bin/rails tailwindcss:install
  • rails g controller home index
  • bin/dev

Bug repro:

Using versions:

  • tailwindcss-intellisense 0.14.6
  • tailwindcss-rails 4.1.0
  • tailwindcss-ruby 4.0.7

Check vscode output for tailwind intellisense after loading the IDE window. Will display logs:

Booting server...
Starting inspector on 127.0.0.1:6011 failed: address already in use
Setting up server…
Listening for messages…
Searching for Tailwind CSS projects in the workspace's folders.
{"tailwind":{"version":"4.0.6","features":["css-at-theme","layer:base","content-list"],"isDefaultVersion":true},"path":"/Users/ryan/tailwind-intellisense-bug-repro/app/assets/tailwind/application.css"}
[Global] Creating projects: [{"folder":"/Users/ryan/tailwind-intellisense-bug-repro","config":"/Users/ryan/tailwind-intellisense-bug-repro/app/assets/tailwind/application.css","selectors":[{"pattern":"/Users/ryan/tailwind-intellisense-bug-repro/app/assets/tailwind/application.css","priority":0},{"pattern":"/Users/ryan/tailwind-intellisense-bug-repro/app/assets/tailwind/**","priority":2},{"pattern":"/Users/ryan/tailwind-intellisense-bug-repro/**","priority":4},{"pattern":"/Users/ryan/tailwind-intellisense-bug-repro/**","priority":5}],"user":false,"tailwind":{"version":"4.0.6","features":["css-at-theme","layer:base","content-list"],"isDefaultVersion":true}}]
[Global] Preparing projects...
[Global] Initializing projects...
[Global] Initialized 0 projects
[app/assets/tailwind/application.css] Initializing...
[Global] Adding watch patterns: /Users/ryan/tailwind-intellisense-bug-repro/app/assets/tailwind/application.css, /Users/ryan/tailwind-intellisense-bug-repro/app/assets/tailwind, /Users/ryan/tailwind-intellisense-bug-repro/app/assets, /Users/ryan/tailwind-intellisense-bug-repro/app, /Users/ryan/tailwind-intellisense-bug-repro
[app/assets/tailwind/application.css] Failed to load workspace modules.
[app/assets/tailwind/application.css] Using bundled version of `tailwindcss`: v4.0.6
[app/assets/tailwind/application.css] Building...
[Error - 4:09:14 PM] Loading fallback stylesheet for: tailwindcss

After pulling the tailwind intellisense repo and debugging it with this repo in the vs code extension host, I console logged the initial error:

Locating server…
Checking if /Users/ryan/tailwind-intellisense-bug-repro/app/assets/tailwind/application.css may be Tailwind-related…
Booting server...
Debugger listening on ws://127.0.0.1:6011/98fc5a5c-da2c-405d-aee1-3014ef6a571b
For help, see: https://nodejs.org/en/docs/inspector
Setting up server…
Listening for messages…
Searching for Tailwind CSS projects in the workspace's folders.
{"tailwind":{"version":"4.0.6","features":["css-at-theme","layer:base","content-list"],"isDefaultVersion":true},"path":"/Users/ryan/tailwind-intellisense-bug-repro/app/assets/tailwind/application.css"}
[Global] Creating projects: [{"folder":"/Users/ryan/tailwind-intellisense-bug-repro","config":"/Users/ryan/tailwind-intellisense-bug-repro/app/assets/tailwind/application.css","selectors":[{"pattern":"/Users/ryan/tailwind-intellisense-bug-repro/app/assets/tailwind/application.css","priority":0},{"pattern":"/Users/ryan/tailwind-intellisense-bug-repro/app/assets/tailwind/**","priority":2},{"pattern":"/Users/ryan/tailwind-intellisense-bug-repro/**","priority":4},{"pattern":"/Users/ryan/tailwind-intellisense-bug-repro/**","priority":5}],"user":false,"tailwind":{"version":"4.0.6","features":["css-at-theme","layer:base","content-list"],"isDefaultVersion":true}}]
[Global] Preparing projects...
[Global] Initializing projects...
[app/assets/tailwind/application.css] Initializing...
[Global] Adding watch patterns: /Users/ryan/tailwind-intellisense-bug-repro/app/assets/tailwind/application.css, /Users/ryan/tailwind-intellisense-bug-repro/app/assets/tailwind, /Users/ryan/tailwind-intellisense-bug-repro/app/assets, /Users/ryan/tailwind-intellisense-bug-repro/app, /Users/ryan/tailwind-intellisense-bug-repro
[app/assets/tailwind/application.css] Failed to load workspace modules.
[app/assets/tailwind/application.css] Using bundled version of `tailwindcss`: v4.0.6
[app/assets/tailwind/application.css] Building...
Error: Can't resolve 'tailwindcss' in '/Users/ryan/tailwind-intellisense-bug-repro/app/assets/tailwind'
    at finishWithoutResolve (/Users/ryan/tailwindcss-intellisense/packages/vscode-tailwindcss/dist/server.js:2939:25)
    at /Users/ryan/tailwindcss-intellisense/packages/vscode-tailwindcss/dist/server.js:3023:26
    at /Users/ryan/tailwindcss-intellisense/packages/vscode-tailwindcss/dist/server.js:3073:13
    at eval (eval at create (/Users/ryan/tailwindcss-intellisense/packages/vscode-tailwindcss/dist/server.js:1542:19), <anonymous>:15:1)
    at /Users/ryan/tailwindcss-intellisense/packages/vscode-tailwindcss/dist/server.js:3073:13
    at eval (eval at create (/Users/ryan/tailwindcss-intellisense/packages/vscode-tailwindcss/dist/server.js:1542:19), <anonymous>:16:1)
    at /Users/ryan/tailwindcss-intellisense/packages/vscode-tailwindcss/dist/server.js:3073:13
    at eval (eval at create (/Users/ryan/tailwindcss-intellisense/packages/vscode-tailwindcss/dist/server.js:1542:19), <anonymous>:15:1)
    at /Users/ryan/tailwindcss-intellisense/packages/vscode-tailwindcss/dist/server.js:3073:13
    at eval (eval at create (/Users/ryan/tailwindcss-intellisense/packages/vscode-tailwindcss/dist/server.js:1542:19), <anonymous>:15:1) {
  details: "resolve 'tailwindcss' in '/Users/ryan/tailwind-intellisense-bug-repro/app/assets/tailwind'\n" +
    '  Parsed request is a module\n' +
    '  No description file found in /Users/ryan/tailwind-intellisense-bug-repro/app/assets/tailwind or above\n' +
    '  No description file found in /Users/ryan/tailwind-intellisense-bug-repro/app/assets/tailwind or above\n' +
    '  no extension\n' +
    "    /Users/ryan/tailwind-intellisense-bug-repro/app/assets/tailwind/tailwindcss doesn't exist\n" +
    '  .css\n' +
    "    /Users/ryan/tailwind-intellisense-bug-repro/app/assets/tailwind/tailwindcss.css doesn't exist\n" +
    '  as directory\n' +
    "    /Users/ryan/tailwind-intellisense-bug-repro/app/assets/tailwind/tailwindcss doesn't exist\n" +
    '  resolve as module\n' +
    "    /Users/ryan/tailwind-intellisense-bug-repro/app/assets/tailwind/node_modules doesn't exist or is not a directory\n" +
    "    /Users/ryan/tailwind-intellisense-bug-repro/app/assets/node_modules doesn't exist or is not a directory\n" +
    "    /Users/ryan/tailwind-intellisense-bug-repro/app/node_modules doesn't exist or is not a directory\n" +
    "    /Users/ryan/tailwind-intellisense-bug-repro/node_modules doesn't exist or is not a directory\n" +
    "    /Users/ryan/node_modules doesn't exist or is not a directory\n" +
    "    /Users/node_modules doesn't exist or is not a directory\n" +
    "    /node_modules doesn't exist or is not a directory"
}
[Error - 4:26:45 PM] Loading fallback stylesheet for: tailwindcss
[Global] Initialized 1 projects

About

Repro of bug with tailwind intellisense extension when using Tailwind v4 + Tailwind Rails gem

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published