Extension Not Starting

[albertreed]

What version of Tailwind CSS IntelliSense are you using?

0.9.11

What version of Tailwind CSS are you using?

3.3.2

What package manager are you using?

yarn

What operating system are you using?

Mac

Tailwind config

/** @type {import('tailwindcss').Config} */
export default {
  content: ["./index.html", "./src/**/*.{js,ts,jsx,tsx}"],
  theme: {
    extend: {},
  },
  plugins: [],
  // I have no idea why this changed everything to be like it was with tachyons...but here we are.
  corePlugins: ["lineHeight"],
};

VS Code settings

Workspace

{
  "folders": [
    {
      "path": "."
    }
  ],
  "settings": {
    "editor.formatOnSave": true,
    "eslint.workingDirectories": ["./client", "./server"],
    "jest.pathToJest": "${workspaceFolder}/server/node_modules/.bin/jest",
    "jest.pathToConfig": "${workspaceFolder}/server/jest.config.js",
    "jest.rootPath": "${workspaceFolder}/server/",
    "files.exclude": {
      "${workspaceFolder}/shared": true,
      "client/src/index.css": true,
      "moderation-dashboard/**": true,
      "node_modules/**": true,
      "steam-sdk/**": true
    },
    "editor.defaultFormatter": "esbenp.prettier-vscode",
    "search.exclude": {
      "**/__generated__": true,
      "**/*.lock": true,
      "**/dist": true,
      "**/generatedTypes": true
    },
    "terminal.integrated.tabs.enabled": false,
    "tailwindCSS.includeLanguages": {
      "plaintext": "javascript"
    },
    "tailwindCSS.codeActions": true,
    "tailwindCSS.hovers": true
  },
  "extensions": {
    "recommendations": [
      "dbaeumer.vscode-eslint",
      "esbenp.prettier-vscode",
      "redhat.vscode-yaml",
      "forbeslindesay.vscode-sql-template-literal"
    ]
  }
}

User

{
  "editor.minimap.enabled": false,
  "html.autoClosingTags": false,
  "typescript.autoClosingTags": false,
  "diffEditor.ignoreTrimWhitespace": true,
  "editor.autoClosingQuotes": "never",
  "editor.autoClosingBrackets": "never",
  "jestrunner.jestCommand": "docker-compose run server test",
  "editor.formatOnSave": true,
  "editor.defaultFormatter": "esbenp.prettier-vscode",
  "editor.wordBasedSuggestions": false,
  "workbench.editor.showTabs": false,
  "gitlens.currentLine.enabled": false,
  "gitlens.hovers.currentLine.over": "line",
  "gitlens.codeLens.enabled": false,
  "gitlens.hovers.enabled": false,
  "workbench.colorCustomizations": {
    "editor.lineHighlightBackground": "#333333",
    "editor.rangeHighlightBorder": "#888888",
    "editor.rangeHighlightBackground": "#333333"
  },
  "debug.javascript.autoAttachFilter": "disabled",
  "terminal.integrated.tabs.location": "left",
  "terminal.integrated.defaultProfile.osx": "/bin/zsh (migrated)",
  "terminal.integrated.profiles.osx": {
    "/bin/zsh (migrated)": {
      "path": "/bin/zsh",
      "args": ["-l"]
    }
  },
  "redhat.telemetry.enabled": false,
  "editor.guides.bracketPairs": true,
  "cSpell.enabled": false,
  "workbench.experimental.layoutControl.enabled": true,
  "workbench.activityBar.visible": false,
  "editor.inlineSuggest.enabled": true,
  "github.copilot.enable": {
    "*": false,
    "yaml": false,
    "plaintext": false,
    "markdown": false,
    "typescript": false,
    "typescriptreact": false,
    "javascript": false
  },
  "terminal.integrated.scrollback": 10000,
  "tabnine.experimentalAutoImports": true,
  "yaml.customTags": [
    "!And",
    "!And sequence",
    "!If",
    "!If sequence",
    "!Not",
    "!Not sequence",
    "!Equals",
    "!Equals sequence",
    "!Or",
    "!Or sequence",
    "!FindInMap",
    "!FindInMap sequence",
    "!Base64",
    "!Join",
    "!Join sequence",
    "!Cidr",
    "!Ref",
    "!Sub",
    "!Sub sequence",
    "!GetAtt",
    "!GetAZs",
    "!ImportValue",
    "!ImportValue sequence",
    "!Select",
    "!Select sequence",
    "!Split",
    "!Split sequence"
  ],
  "terminal.integrated.tabs.enabled": false,
  "[python]": {
    "editor.formatOnType": true
  },
  "[typescriptreact]": {}
}

Reproduction URL

Unfortunately, not something I can provide. Of course, free to close the issue if that makes this not useful.

Describe your issue

I think the extension is not starting at all, though I'm not sure how to debug that. cmd->shift->p->"tailwind" fails to show anything at all. In the output pane, I do not see tailwinds listed in the pulldown.

Within the extension pane, if I got to the "Runtime Status" pane, I see this

Activation Event:onStartupFinished
Activation Time:8ms

It's a large project in a monorep. The client and tailwinds.config.js lives within a subfolder of the workspace root.

[thecrypticace]

Hey! What version of VS Code are you using? And what type of project? Next, Svelte, something else?

[thecrypticace]

Also, one other thing that would be useful is a list of all installed extensions if you could provide that (code --list-extensions --show-versions should do it)

[albertreed]

Thanks for the q's.

I'm using Vite's tooling which uses Rollup.

Vscode version is 1.78.2

I'd be happy to try disabling some extensions to help debug. Let me know.

code --list-extensions --show-versions outputs:

bierner.github-markdown-preview@0.3.0
bierner.markdown-checkbox@0.4.0
bierner.markdown-emoji@0.3.0
bierner.markdown-footnotes@0.1.1
bierner.markdown-mermaid@1.18.1
bierner.markdown-preview-github-styles@2.0.2
bierner.markdown-yaml-preamble@0.1.0
bradlc.vscode-tailwindcss@0.9.11
codezombiech.gitignore@0.9.0
dbaeumer.vscode-eslint@2.4.0
donjayamanne.git-extension-pack@0.1.3
donjayamanne.githistory@0.6.20
eamodio.gitlens@13.6.0
EditorConfig.EditorConfig@0.16.4
esbenp.prettier-vscode@9.12.0
forbeslindesay.vscode-sql-template-literal@0.1.0
GEEKiDoS.vdf@0.0.7
github.vscode-github-actions@0.25.7
GitHub.vscode-pull-request-github@0.64.0
GraphQL.vscode-graphql@0.8.7
GraphQL.vscode-graphql-syntax@1.1.0
mikestead.dotenv@1.0.1
ms-azuretools.vscode-docker@1.25.1
ms-python.python@2023.8.0
ms-python.vscode-pylance@2023.5.30
ms-toolsai.jupyter@2023.4.1011241018
ms-toolsai.jupyter-keymap@1.1.0
ms-toolsai.jupyter-renderers@1.0.15
ms-toolsai.vscode-jupyter-cell-tags@0.1.8
ms-toolsai.vscode-jupyter-slideshow@0.1.5
ms-vscode-remote.remote-containers@0.292.0
ms-vscode.cpptools@1.15.4
ms-vsliveshare.vsliveshare@1.0.5864
rebornix.ruby@0.28.1
redhat.vscode-yaml@1.12.2
streetsidesoftware.code-spell-checker@2.20.4
wingrunr21.vscode-ruby@0.28.0
xaver.clang-format@1.9.0
ziyasal.vscode-open-in-github@1.3.6```

[Mr-KayJayDee]

+1 on this, i don't know if it's related but here is my output error. Note that im using vscode remote server. It worked great some time ago on the same remote

[Global] Adding watch patterns: /home/bots/coding/arisia-web/tailwind.config.js, /home/bots/coding/arisia-web
[tailwind.config.js] Initializing...
[tailwind.config.js] Loaded Tailwind CSS config file: /home/bots/coding/arisia-web/tailwind.config.js
[tailwind.config.js] Loaded postcss v6.0.23: /home/bots/coding/arisia-web/node_modules/tailwindcss/node_modules/postcss
[tailwind.config.js] Loaded tailwindcss v0.6.6: /home/bots/coding/arisia-web/node_modules/tailwindcss
[tailwind.config.js] Building...
[Error - 10:48:43] Tailwind CSS: ae is not a function
TypeError: ae is not a function
    at Object.Ee [as module] (/root/.vscode-server/extensions/bradlc.vscode-tailwindcss-0.9.11/dist/tailwindServer.js:2960:6276)
    at /root/.vscode-server/extensions/bradlc.vscode-tailwindcss-0.9.11/dist/tailwindServer.js:2960:11022
    at Generator.next (<anonymous>)
    at /root/.vscode-server/extensions/bradlc.vscode-tailwindcss-0.9.11/dist/tailwindServer.js:1:1219
    at new Promise (<anonymous>)
    at $n (/root/.vscode-server/extensions/bradlc.vscode-tailwindcss-0.9.11/dist/tailwindServer.js:1:1039)
    at $ (/root/.vscode-server/extensions/bradlc.vscode-tailwindcss-0.9.11/dist/tailwindServer.js:2960:9530)
    at /root/.vscode-server/extensions/bradlc.vscode-tailwindcss-0.9.11/dist/tailwindServer.js:2960:4791
    at Generator.next (<anonymous>)
    at /root/.vscode-server/extensions/bradlc.vscode-tailwindcss-0.9.11/dist/tailwindServer.js:1:1219

code --list-extensions --show-versions

aaron-bond.better-comments@3.0.2
alexcvzz.vscode-sqlite@0.14.1
Atishay-Jain.All-Autocomplete@0.0.26
bradlc.vscode-tailwindcss@0.9.11
ChakrounAnas.turbo-console-log@2.9.3
christian-kohler.npm-intellisense@1.4.4
eamodio.gitlens@13.6.0
esbenp.prettier-vscode@9.13.0
GitHub.codespaces@1.14.7
GitHub.copilot@1.86.82
GitHub.github-vscode-theme@6.3.4
Gruntfuggly.todo-tree@0.0.226
kohlbachjan.the-best-theme@2.1.6
LeonardSSH.vscord@5.1.8
meganrogge.template-string-converter@0.6.1
mikestead.dotenv@1.0.1
ms-python.isort@2022.8.0
ms-python.python@2023.8.0
ms-python.vscode-pylance@2023.5.40
ms-vscode-remote.remote-containers@0.292.0
ms-vscode-remote.remote-ssh@0.102.0
ms-vscode-remote.remote-ssh-edit@0.86.0
ms-vscode-remote.remote-wsl@0.78.7
ms-vscode-remote.vscode-remote-extensionpack@0.24.0
ms-vscode.remote-explorer@0.4.0
ms-vscode.remote-server@1.1.0
VisualStudioExptTeam.intellicode-api-usage-examples@0.2.7
VisualStudioExptTeam.vscodeintellicode@1.2.30
vscjava.vscode-gradle@3.12.7
vscjava.vscode-java-debug@0.50.0
vscjava.vscode-java-dependency@0.22.0
vscjava.vscode-java-pack@0.25.11
vscjava.vscode-maven@0.41.0
Vue.volar@1.2.0
wix.vscode-import-cost@3.3.0
znck.vue@0.12.0

Tell me if any more infos are needed ^^

[bradlc]

@albertreed, which folder is your Tailwind config file in? Is it in a folder that is covered by your files.exclude configuration?

@Mr-KayJayDee, your issue is unrelated but has been fixed via #787 👍

[albertreed]

config is ./client/tailwind.config.js. That file/folder is not covered by the files.exclude option.

[bradlc]

Thanks!

I managed to find the culprit. The ${workspaceFolder} placeholder in your files.exclude configuration was causing the issue. I have pushed a fix that should ensure that the extension can still activate when placeholders are used.

Having said that, I don't think that the workspaceFolder placeholder is actually available in the files.exclude setting. This placeholder is only available in certain settings (https://code.visualstudio.com/docs/editor/variables-reference#_is-variable-substitution-supported-in-user-and-workspace-settings), and in files.exclude it is redundant anyway because the paths are already resolved relative to the workspace folder:

The glob patterns in [the files.exclude and search.exclude] settings are always evaluated relative to the path of the workspace folder. (source)

So I would recommend updating your files.exclude setting, and this should fix your issue:

  "files.exclude": {
-   "${workspaceFolder}/shared": true,
+   "shared/**": true,
    "client/src/index.css": true,
    "moderation-dashboard/**": true,
    "node_modules/**": true,
    "steam-sdk/**": true
  }

Hope that helps!

[albertreed]

Thanks! Yes, I noticed that when you asked about files.exclude and added a note to go back and check that out. Appreciate it! I'll give it a shot in a few days and report back.

…

On Thu, May 25, 2023 at 8:32 AM Brad Cornes ***@***.***> wrote: Thanks! I managed to find the culprit. The ${workspaceFolder} placeholder in your files.exclude configuration was causing the issue. I have pushed a fix that should ensure that the extension can still activate when placeholders are used. Having said that, I don't think that the workspaceFolder placeholder is actually available in the files.exclude setting. This placeholder is only available in certain settings ( https://code.visualstudio.com/docs/editor/variables-reference#_is-variable-substitution-supported-in-user-and-workspace-settings), and in files.exclude it is redundant anyway because the paths are already resolved relative to the workspace folder: *The glob patterns in [the files.exclude and search.exclude] settings are always evaluated relative to the path of the workspace folder.* (source <https://code.visualstudio.com/docs/editor/codebasics#_advanced-search-options> ) So I would recommend updating your files.exclude setting, and this should fix your issue: "files.exclude": {- "${workspaceFolder}/shared": true,+ "shared/**": true, "client/src/index.css": true, "moderation-dashboard/**": true, "node_modules/**": true, "steam-sdk/**": true } Hope that helps! — Reply to this email directly, view it on GitHub <#783 (comment)>, or unsubscribe <https://github.com/notifications/unsubscribe-auth/ABFAOK4LY6L2VRFOHDBLDJTXH5GPNANCNFSM6AAAAAAYFEGKTE> . You are receiving this because you were mentioned.Message ID: ***@***.***>