Skip to content

Tailwind autocomplete stopped working in ERB files #143

@drale2k

Description

@drale2k

Sorry for this duplicate but i am not sure where to open this issue, in the main repo or in the ruby extension. I opened it in main but then figured since it seems to only impact ruby / ERB files, it might be an extension issue. If it's not let me know and i will close.

Summary

Tailwind autocomplete stopped working for me for 2 weeks or so. The whole ERB file is impacted - HTML inside and outside ERB tags. It does work fine when i create a .html file.

I tried both language server configs, the old and the new one

The new one according to current docs

"tailwindcss-language-server": {
      "settings": {
        "includeLanguages": {
          "html/erb": "html",
          "ruby": "html"
        },
        "experimental": {
          "classRegex": ["\\bclass:\\s*['\"]([^'\"]*)['\"]"]
        }
      }
    }

and the old one

"tailwindcss-language-server": {
      "settings": {
        "includeLanguages": {
          "erb": "html",
          "ruby": "html"
        },
        "experimental": {
          "classRegex": ["\\bclass:\\s*['\"]([^'\"]*)['\"]"]
        }
      }
    }

None of them work. The tailwind LSP server RPC log is completely empty. When i create a plain .html file it works fine and RPC messages come in.

The tailwind LSP server logs:

-->
Setting up server…
Listening for messages…
Language mappings are currently set via initialization options (`userLanguages`). This is deprecated and will be removed in a future release. Please use the `tailwindCSS.includeLanguages` setting instead.
Searching for Tailwind CSS projects in the workspace's folders.
{"tailwind":{"version":"4.1.1","features":["css-at-theme","layer:base","content-list","source-inline","source-not"],"isDefaultVersion":true},"path":"/Users/drale2k/work/playground/psearch/data/code/app/assets/tailwind/application.css"}
[Global] Creating projects: [{"folder":"/Users/drale2k/work/playground/psearch/data/code","config":"/Users/drale2k/work/playground/psearch/data/code/app/assets/tailwind/application.css","selectors":[{"pattern":"/Users/drale2k/work/playground/psearch/data/code/app/assets/tailwind/application.css","priority":0},{"pattern":"/Users/drale2k/work/playground/psearch/data/code/app/assets/tailwind/**","priority":2},{"pattern":"/Users/drale2k/work/playground/psearch/data/code/**","priority":4},{"pattern":"/Users/drale2k/work/playground/psearch/data/code/**","priority":5}],"user":false,"tailwind":{"version":"4.1.1","features":["css-at-theme","layer:base","content-list","source-inline","source-not"],"isDefaultVersion":true}}]
[Global] Preparing projects...
[Global] Initializing projects...
[app/assets/tailwind/application.css] Initializing...
[Global] Adding watch patterns: /Users/drale2k/work/playground/psearch/data/code/app/assets/tailwind/application.css, /Users/drale2k/work/playground/psearch/data/code/app/assets/tailwind, /Users/drale2k/work/playground/psearch/data/code/app/assets, /Users/drale2k/work/playground/psearch/data/code/app, /Users/drale2k/work/playground/psearch/data/code
[app/assets/tailwind/application.css] Failed to load workspace modules.
[app/assets/tailwind/application.css] Using bundled version of `tailwindcss`: v4.1.1
[app/assets/tailwind/application.css] Building...
Loading fallback stylesheet for: tailwindcss
Loading bundled plugin for:  @tailwindcss/typography
Loading bundled plugin for:  @tailwindcss/forms
[Global] Adding watch patterns: /Users/drale2k/work/playground/psearch/data/code/app/assets/tailwind/app_design_system.css
[Global] Initialized 1 projects
---- RELOADING DESIGN SYSTEM ----
---- /Users/drale2k/work/playground/psearch/data/code/app/assets/tailwind/application.css ----
Loading fallback stylesheet for: tailwindcss
Loading bundled plugin for:  @tailwindcss/typography
Loading bundled plugin for:  @tailwindcss/forms
---- RELOADED IN 410.69ms ----

There is this line app/assets/tailwind/application.css] Failed to load workspace modules.. I am not sure what it means by workspace modules but as said, does not seem to impact .html files.

Zed Version and System Specs

Zed: v0.194.3 (Zed)
OS: macOS 15.5.0
Memory: 64 GiB
Architecture: aarch64

Not sure if related but there are similar issues open (not same though)

Metadata

Metadata

Assignees

Labels

upstreamZed issue (not extension)

Type

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions