Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

VSCode 1.91 breaks code actions #1018

Open
janekolszak opened this issue Jul 14, 2024 · 14 comments
Open

VSCode 1.91 breaks code actions #1018

janekolszak opened this issue Jul 14, 2024 · 14 comments
Labels
question Further information is requested

Comments

@janekolszak
Copy link

What version of VS Code are you using?

For example: v1.91

What version of Tailwind CSS IntelliSense are you using?

For example: v0.12.5

What version of Tailwind CSS are you using?

For example: v3.4.4

What package manager are you using?

For example: npm

What operating system are you using?

Ubuntu

It seems latest changes in vscode - editor.codeActionsOnSave break this plugin. Tailwind CSS Intellisense blocks code actions indefinitely. Log says:

Saving 'file.tsx': Getting code actions from ''Tailwind CSS IntelliSense', 'TypeScript and JavaScript Language Features''' ([configure](command:workbench.action.openSettings?%5B%22editor.codeActionsOnSave%22%5D)).
@thecrypticace
Copy link
Contributor

Can you provide your vscode settings?

@thecrypticace
Copy link
Contributor

Also, if possible, can you provide:

  • The logs from the project (in the command palette: "Tailwind CSS: Show Output"); OR
  • A repository with a project that reproduces this behavior;
  • or both

@thecrypticace thecrypticace added the question Further information is requested label Jul 15, 2024
@janekolszak
Copy link
Author

Settings:

{
  "editor.minimap.enabled": false,
  "[javascript]": {
    "editor.defaultFormatter": "vscode.typescript-language-features"
  },
  "[typescript]": {
    "editor.defaultFormatter": "vscode.typescript-language-features"
  },
  "[json]": {
    "editor.defaultFormatter": "vscode.json-language-features"
  },
  "githubIssues.queries": [
    {
      "label": "My Issues",
      "query": "default"
    },
    {
      "label": "Created Issues",
      "query": "author:${user} state:open repo:${owner}/${repository} sort:created-desc"
    },
    {
      "label": "Recent Issues",
      "query": "state:open repo:${owner}/${repository} sort:updated-desc"
    }
  ],
  "editor.inlineSuggest.enabled": true,
  "github.copilot.enable": {
    "*": true,
    "plaintext": false,
    "markdown": true,
    "scminput": false,
    "yaml": true
  },
  "git.openRepositoryInParentFolders": "never",
  "[python]": {
    "editor.formatOnType": true
  },
  "explorer.confirmDelete": false,
  "githubPullRequests.pullBranch": "never",
  "[markdown]": {
    "editor.defaultFormatter": "yzhang.markdown-all-in-one"
  },
  "files.exclude": {
    "**/.trunk/*actions/": true,
    "**/.trunk/*logs/": true,
    "**/.trunk/*notifications/": true,
    "**/.trunk/*out/": true,
    "**/.trunk/*plugins/": true
  },
  "files.watcherExclude": {
    "**/.trunk/*actions/": true,
    "**/.trunk/*logs/": true,
    "**/.trunk/*notifications/": true,
    "**/.trunk/*out/": true,
    "**/.trunk/*plugins/": true
  },
  "[go]": {
    "editor.defaultFormatter": "golang.go"
  },
  "workbench.colorTheme": "Default Dark Modern",
  "github.copilot.editor.enableAutoCompletions": true,
}

@janekolszak
Copy link
Author

Output:

Locating server…
Booting server...
Setting up server…
Listening for messages…
Checking if /home/username/workspace/project/backend/.gopath~/pkg/mod/[email protected]/zpages/internal/public/opencensus.css may be Tailwind-related…
Checking if /home/username/workspace/project/backend/.gopath~/pkg/mod/[email protected]/zpages/internal/public/opencensus.css may be Tailwind-related…
Checking if /home/username/workspace/project/backend/.gopath~/pkg/mod/github.com/tdewolff/minify/[email protected]/benchmarks/sample_fontawesome.css may be Tailwind-related…
Checking if /home/username/workspace/project/backend/.gopath~/pkg/mod/github.com/tdewolff/minify/[email protected]/benchmarks/sample_gumby.css may be Tailwind-related…
Checking if /home/username/workspace/project/backend/.gopath~/pkg/mod/github.com/tdewolff/minify/[email protected]/benchmarks/sample_bootstrap.css may be Tailwind-related…
Checking if /home/username/workspace/project/backend/.gopath~/pkg/mod/github.com/tdewolff/minify/[email protected]/tests/css/corpus/2.css may be Tailwind-related…
Checking if /home/username/workspace/project/backend/.gopath~/pkg/mod/github.com/tdewolff/minify/[email protected]/tests/css/corpus/5.css may be Tailwind-related…
Searching for Tailwind CSS projects in the workspace's folders.
Searching for Tailwind CSS projects in the workspace's folders.
Checking if /home/username/workspace/project/backend/.gopath~/pkg/mod/github.com/tdewolff/minify/[email protected]/tests/css/corpus/3.css may be Tailwind-related…
Searching for Tailwind CSS projects in the workspace's folders.
Checking if /home/username/workspace/project/backend/.gopath~/pkg/mod/github.com/tdewolff/minify/[email protected]/tests/css/corpus/1.css may be Tailwind-related…
Checking if /home/username/workspace/project/backend/.gopath~/pkg/mod/github.com/tdewolff/minify/[email protected]/tests/css/corpus/4.css may be Tailwind-related…
Searching for Tailwind CSS projects in the workspace's folders.
Searching for Tailwind CSS projects in the workspace's folders.
Searching for Tailwind CSS projects in the workspace's folders.
Checking if /home/username/workspace/project/backend/.gopath~/pkg/mod/github.com/tdewolff/minify/[email protected]/tests/css/corpus/7.css may be Tailwind-related…
Searching for Tailwind CSS projects in the workspace's folders.
Searching for Tailwind CSS projects in the workspace's folders.
Searching for Tailwind CSS projects in the workspace's folders.
[Global] Creating projects: []
Checking if /home/username/workspace/project/backend/.gopath~/pkg/mod/github.com/tdewolff/minify/[email protected]/benchmarks/sample_normalize.css may be Tailwind-related…
Searching for Tailwind CSS projects in the workspace's folders.
[Global] Creating projects: []
{"tailwind":{"version":"3.4.4","features":["layer:base","separator:root","content-list","jit","css-at-config","relative-content-paths","transpiled-configs"],"isDefaultVersion":false}}
{"tailwind":{"version":"3.4.4","features":["layer:base","separator:root","content-list","jit","css-at-config","relative-content-paths","transpiled-configs"],"isDefaultVersion":false}}
Checking if /home/username/workspace/project/backend/.gopath~/pkg/mod/github.com/tdewolff/minify/[email protected]/tests/css/corpus/6.css may be Tailwind-related…
[Global] Creating projects: [{"folder":"/home/username/workspace/project/frontend","config":"/home/username/workspace/project/frontend/tailwind.config.js","selectors":[{"pattern":"/home/username/workspace/project/frontend/tailwind.config.js","priority":0},{"pattern":"/home/username/workspace/project/frontend/src/**/*.{js,ts,jsx,tsx}","priority":1},{"pattern":"/home/username/workspace/project/frontend/**","priority":3},{"pattern":"/home/username/workspace/project/frontend/**","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] Creating projects: []
[Global] Creating projects: []
Checking if /home/username/workspace/project/backend/.gopath~/pkg/mod/github.com/tdewolff/minify/[email protected]/benchmarks/sample_fontawesome.css may be Tailwind-related…
[Global] Preparing projects...
[Global] Initializing projects...
[Global] Initialized 0 projects
[Global] Creating projects: []
Checking if /home/username/workspace/project/backend/.gopath~/pkg/mod/github.com/tdewolff/minify/[email protected]/benchmarks/sample_normalize.css may be Tailwind-related…
[Global] Preparing projects...
[Global] Initializing projects...
[Global] Initialized 0 projects
[Global] Preparing projects...
Checking if /home/username/workspace/project/backend/.gopath~/pkg/mod/github.com/tdewolff/minify/[email protected]/benchmarks/sample_gumby.css may be Tailwind-related…
[Global] Adding watch patterns: /home/username/workspace/project/frontend/tailwind.config.js, /home/username/workspace/project/frontend
[Global] Initializing projects...
[Global] Initialized 0 projects
[Global] Preparing projects...
Checking if /home/username/workspace/project/backend/.gopath~/pkg/mod/github.com/tdewolff/minify/[email protected]/benchmarks/sample_bootstrap.css may be Tailwind-related…
[Global] Initializing projects...
[Global] Initialized 0 projects
[Global] Preparing projects...
[Global] Initializing projects...
[Global] Initialized 0 projects
Checking if /home/username/workspace/project/backend/.gopath~/pkg/mod/github.com/tdewolff/minify/[email protected]/benchmarks/sample_normalize.css may be Tailwind-related…
Checking if /home/username/workspace/project/backend/.gopath~/pkg/mod/github.com/tdewolff/minify/[email protected]/benchmarks/sample_fontawesome.css may be Tailwind-related…
Checking if /home/username/workspace/project/backend/.gopath~/pkg/mod/github.com/tdewolff/minify/[email protected]/tests/css/corpus/2.css may be Tailwind-related…
[Global] Preparing projects...
[Global] Initializing projects...
Checking if /home/username/workspace/project/backend/.gopath~/pkg/mod/github.com/tdewolff/minify/[email protected]/tests/css/corpus/5.css may be Tailwind-related…
[Global] Initialized 0 projects
Checking if /home/username/workspace/project/backend/.gopath~/pkg/mod/github.com/tdewolff/minify/[email protected]/tests/css/corpus/7.css may be Tailwind-related…
Checking if /home/username/workspace/project/backend/.gopath~/pkg/mod/github.com/tdewolff/minify/[email protected]/tests/css/corpus/3.css may be Tailwind-related…
Checking if /home/username/workspace/project/backend/.gopath~/pkg/mod/github.com/tdewolff/minify/[email protected]/tests/css/corpus/1.css may be Tailwind-related…
Checking if /home/username/workspace/project/backend/.gopath~/pkg/mod/github.com/tdewolff/minify/[email protected]/tests/css/corpus/4.css may be Tailwind-related…
Checking if /home/username/workspace/project/backend/.gopath~/pkg/mod/github.com/tdewolff/minify/[email protected]/benchmarks/sample_gumby.css may be Tailwind-related…
Checking if /home/username/workspace/project/backend/.gopath~/pkg/mod/github.com/tdewolff/minify/[email protected]/tests/css/corpus/6.css may be Tailwind-related…
Checking if /home/username/workspace/project/backend/.gopath~/pkg/mod/github.com/tdewolff/minify/[email protected]/benchmarks/sample_bootstrap.css may be Tailwind-related…
Checking if /home/username/workspace/project/backend/.gopath~/pkg/mod/github.com/tdewolff/minify/[email protected]/tests/css/corpus/5.css may be Tailwind-related…
Checking if /home/username/workspace/project/backend/.gopath~/pkg/mod/github.com/tdewolff/minify/[email protected]/tests/css/corpus/2.css may be Tailwind-related…
Checking if /home/username/workspace/project/backend/.gopath~/pkg/mod/github.com/tdewolff/minify/[email protected]/tests/css/corpus/6.css may be Tailwind-related…
Checking if /home/username/workspace/project/backend/.gopath~/pkg/mod/github.com/tdewolff/minify/[email protected]/tests/css/corpus/1.css may be Tailwind-related…
Checking if /home/username/workspace/project/backend/.gopath~/pkg/mod/github.com/tdewolff/minify/[email protected]/tests/css/corpus/4.css may be Tailwind-related…
Checking if /home/username/workspace/project/backend/.gopath~/pkg/mod/github.com/tdewolff/minify/[email protected]/tests/css/corpus/7.css may be Tailwind-related…
Checking if /home/username/workspace/project/backend/.gopath~/pkg/mod/github.com/tdewolff/minify/[email protected]/tests/css/corpus/3.css may be Tailwind-related…
Checking if /home/username/workspace/project/backend/.gopath~/pkg/mod/github.com/ulikunitz/[email protected]/doc/md.css may be Tailwind-related…
Checking if /home/username/workspace/project/backend/.gopath~/pkg/mod/github.com/ulikunitz/[email protected]/doc/md.css may be Tailwind-related…
[Global] Creating projects: []
[Global] Preparing projects...
[Global] Initializing projects...
[Global] Initialized 0 projects
[Global] Creating projects: []
[Global] Preparing projects...
[Global] Initializing projects...
[Global] Initialized 0 projects
[Global] Creating projects: []
[Global] Preparing projects...
[Global] Initializing projects...
[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.4: /home/username/workspace/project/frontend/node_modules/tailwindcss
[tailwind.config.js] Loaded Tailwind CSS config file: /home/username/workspace/project/frontend/tailwind.config.js
[tailwind.config.js] Loaded postcss v8.4.31: /home/username/workspace/project/frontend/node_modules/postcss
[tailwind.config.js] Building...
[Global] Initialized 1 projects

@thecrypticace
Copy link
Contributor

Sorry for the late reply — I don't see anything in there that seems like it would cause things to break/hang. Especially given that the only code actions we have are quick fixes so afaik they can't be run on save anyway. If you disable intellisense does the problem go away?

@janekolszak
Copy link
Author

janekolszak commented Jul 20, 2024

Yes, when I disable the plugin it goes away.

Autocomplete doesn't work as well.

@janekolszak
Copy link
Author

  • I removed completely vscode, reinstalled latest version. I tried both deb and snap installation method.
  • Installed latest Tailwind extension and nothing worked (code actions block, suggestion are showing only Loading... message)
    image

Everything works with v0.10.5:
image

@RiczCalixto
Copy link

We have any update about this topic? It's happening with me aswell

@amhed
Copy link

amhed commented Dec 5, 2024

Same

@thecrypticace
Copy link
Contributor

@RiczCalixto @amhed Could either of you provide a reproduction for this? I've never seen this issue myself and I am not sure how it could happen in the first place.

@MattSteedman
Copy link

same

@muco-rolle
Copy link

I'm consistently getting this error as well.

@lshunran
Copy link

Same here

@Silon
Copy link

Silon commented Jan 11, 2025

Sorry for the late reply — I don't see anything in there that seems like it would cause things to break/hang. Especially given that the only code actions we have are quick fixes so afaik they can't be run on save anyway. If you disable intellisense does the problem go away?

@thecrypticace Yes. Seems that it breaks after trying to suggest something. With changes in code not related to tailwind classes it works good but after first className change it breaks save actions and don't work until extension restart.

image

Edit:

I discovered that it breaks when I'm working with tailwind-variants and classRegex setting. For className param in DOM element it works good.

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

Update 2 (Problem solved for me)

My regex was different than tailwind-variant has currently in the documentation.
I changed on this one and it works good.

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

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
question Further information is requested
Projects
None yet
Development

No branches or pull requests

8 participants