Tailwind Intellisense Not works in Next v15

[chetan102]

Issue I Got

Locating server…
Booting server...
Booting CSS server for Tailwind CSS language mode
Setting up server…
Listening for messages…
[Error - 22:04:31] Unable to access the workspace folder [/Users/chetan/Documents/git-projects/my-projects/glimzu/glimzu-web]. This may happen if the directory does not exist or the current user does not have the necessary permissions to access it.
[Error - 22:04:31] TypeError: Cannot read properties of undefined (reading 'F_OK')
    at $C._initFolder (/Users/chetan/.vscode/extensions/bradlc.vscode-tailwindcss-0.14.15/dist/tailwindServer.js:3582:10102)
    at /Users/chetan/.vscode/extensions/bradlc.vscode-tailwindcss-0.14.15/dist/tailwindServer.js:3582:9853
    at Array.map (<anonymous>)
    at $C._init (/Users/chetan/.vscode/extensions/bradlc.vscode-tailwindcss-0.14.15/dist/tailwindServer.js:3582:9841)
    at $C.init (/Users/chetan/.vscode/extensions/bradlc.vscode-tailwindcss-0.14.15/dist/tailwindServer.js:3582:9231)
    at /Users/chetan/.vscode/extensions/bradlc.vscode-tailwindcss-0.14.15/dist/tailwindServer.js:3582:22524
    at pe (/Users/chetan/.vscode/extensions/bradlc.vscode-tailwindcss-0.14.15/dist/tailwindServer.js:138:1611)
    at q (/Users/chetan/.vscode/extensions/bradlc.vscode-tailwindcss-0.14.15/dist/tailwindServer.js:137:7377)
    at Q (/Users/chetan/.vscode/extensions/bradlc.vscode-tailwindcss-0.14.15/dist/tailwindServer.js:137:7538)
    at Immediate._onImmediate (/Users/chetan/.vscode/extensions/bradlc.vscode-tailwindcss-0.14.15/dist/tailwindServer.js:137:7293)
[Info  - 22:04:31] [GLOBAL] No matching project for document {
  fsPath: '/Users/chetan/Documents/git-projects/my-projects/glimzu/glimzu-web/src/app/globals.css',
  normalPath: '/Users/chetan/Documents/git-projects/my-projects/glimzu/glimzu-web/src/app/globals.css'
}
[Info  - 22:04:31] [GLOBAL] No matching project for document {
  fsPath: '/Users/chetan/Documents/git-projects/my-projects/glimzu/glimzu-web/src/app/globals.css',
  normalPath: '/Users/chetan/Documents/git-projects/my-projects/glimzu/glimzu-web/src/app/globals.css'
}
[Info  - 22:04:52] [GLOBAL] No matching project for document {
  fsPath: '/Users/chetan/Documents/git-projects/my-projects/glimzu/glimzu-web/src/app/page.tsx',
  normalPath: '/Users/chetan/Documents/git-projects/my-projects/glimzu/glimzu-web/src/app/page.tsx'
}
[Info  - 22:04:52] [GLOBAL] No matching project for document {
  fsPath: '/Users/chetan/Documents/git-projects/my-projects/glimzu/glimzu-web/src/app/page.tsx',
  normalPath: '/Users/chetan/Documents/git-projects/my-projects/glimzu/glimzu-web/src/app/page.tsx'
}
[Info  - 22:04:54] [GLOBAL] No matching project for document {
  fsPath: '/Users/chetan/Documents/git-projects/my-projects/glimzu/glimzu-web/src/app/page.tsx',
  normalPath: '/Users/chetan/Documents/git-projects/my-projects/glimzu/glimzu-web/src/app/page.tsx'
}
[Info  - 22:04:55] [GLOBAL] No matching project for document {
  fsPath: '/Users/chetan/Documents/git-projects/my-projects/glimzu/glimzu-web/src/app/page.tsx',
  normalPath: '/Users/chetan/Documents/git-projects/my-projects/glimzu/glimzu-web/src/app/page.tsx'
}
[Info  - 22:04:55] [GLOBAL] No matching project for document {
  fsPath: '/Users/chetan/Documents/git-projects/my-projects/glimzu/glimzu-web/src/app/page.tsx',
  normalPath: '/Users/chetan/Documents/git-projects/my-projects/glimzu/glimzu-web/src/app/page.tsx'
}
[Info  - 22:04:56] [GLOBAL] No matching project for document {
  fsPath: '/Users/chetan/Documents/git-projects/my-projects/glimzu/glimzu-web/src/app/page.tsx',
  normalPath: '/Users/chetan/Documents/git-projects/my-projects/glimzu/glimzu-web/src/app/page.tsx'
}
[Info  - 22:08:42] [GLOBAL] No matching project for document {
  fsPath: '/Users/chetan/Documents/git-projects/my-projects/glimzu/glimzu-web/tailwind.config.ts',
  normalPath: '/Users/chetan/Documents/git-projects/my-projects/glimzu/glimzu-web/tailwind.config.ts'
}
[Info  - 22:08:42] [GLOBAL] No matching project for document {
  fsPath: '/Users/chetan/Documents/git-projects/my-projects/glimzu/glimzu-web/tailwind.config.ts',
  normalPath: '/Users/chetan/Documents/git-projects/my-projects/glimzu/glimzu-web/tailwind.config.ts'
}
[Info  - 22:08:44] [GLOBAL] No matching project for document {
  fsPath: '/Users/chetan/Documents/git-projects/my-projects/glimzu/glimzu-web/node_modules/tailwindcss/dist/lib.d.mts',
  normalPath: '/Users/chetan/Documents/git-projects/my-projects/glimzu/glimzu-web/node_modules/tailwindcss/dist/lib.d.mts'
}
[Info  - 22:08:44] [GLOBAL] No matching project for document {
  fsPath: '/Users/chetan/Documents/git-projects/my-projects/glimzu/glimzu-web/node_modules/tailwindcss/dist/lib.d.mts',
  normalPath: '/Users/chetan/Documents/git-projects/my-projects/glimzu/glimzu-web/node_modules/tailwindcss/dist/lib.d.mts'

Tailwind config

import { type Config } from "tailwindcss";

const config: Config = {
  darkMode: "class", // important since you're using `.dark` class
  content: [
    "./app/**/*.{ts,tsx}",
    "./components/**/*.{ts,tsx}",
    "./pages/**/*.{ts,tsx}",
    "./src/**/*.{ts,tsx}",
    // add other folders where you're using tailwind classes
  ],
  theme: {
    extend: {
      borderRadius: {
        sm: "var(--radius-sm)",
        md: "var(--radius-md)",
        lg: "var(--radius-lg)",
        xl: "var(--radius-xl)",
      },
      colors: {
        background: "var(--color-background)",
        foreground: "var(--color-foreground)",
        primary: "var(--color-primary)",
        "primary-foreground": "var(--color-primary-foreground)",
        secondary: "var(--color-secondary)",
        "secondary-foreground": "var(--color-secondary-foreground)",
        muted: "var(--color-muted)",
        "muted-foreground": "var(--color-muted-foreground)",
        accent: "var(--color-accent)",
        "accent-foreground": "var(--color-accent-foreground)",
        destructive: "var(--color-destructive)",
        border: "var(--color-border)",
        input: "var(--color-input)",
        ring: "var(--color-ring)",
        card: "var(--color-card)",
        "card-foreground": "var(--color-card-foreground)",
        popover: "var(--color-popover)",
        "popover-foreground": "var(--color-popover-foreground)",

        // Optional: Sidebar + Chart colors
        sidebar: "var(--color-sidebar)",
        "sidebar-foreground": "var(--color-sidebar-foreground)",
        "sidebar-primary": "var(--color-sidebar-primary)",
        "sidebar-primary-foreground": "var(--color-sidebar-primary-foreground)",
        "sidebar-accent": "var(--color-sidebar-accent)",
        "sidebar-accent-foreground": "var(--color-sidebar-accent-foreground)",
        "sidebar-border": "var(--color-sidebar-border)",
        "sidebar-ring": "var(--color-sidebar-ring)",
        "chart-1": "var(--color-chart-1)",
        "chart-2": "var(--color-chart-2)",
        "chart-3": "var(--color-chart-3)",
        "chart-4": "var(--color-chart-4)",
        "chart-5": "var(--color-chart-5)",
      },
      fontFamily: {
        sans: "var(--font-sans)",
        mono: "var(--font-mono)",
      },
    },
  },
};
export default config;

VS Code settings

// {
  "workbench.iconTheme": "vscode-icons",
  "[javascript]": {
    "editor.defaultFormatter": "esbenp.prettier-vscode"
  },
  "workbench.startupEditor": "none",
  "[vue]": {
    "editor.defaultFormatter": "esbenp.prettier-vscode"
  },
  "[html]": {
    "editor.defaultFormatter": "esbenp.prettier-vscode"
  },
  "liveServer.settings.donotShowInfoMsg": true,
  "editor.mouseWheelZoom": true,
  "[css]": {
    "editor.defaultFormatter": "esbenp.prettier-vscode"
  },
  "[typescriptreact]": {
    "editor.defaultFormatter": "esbenp.prettier-vscode"
  },
  "[typescript]": {
    "editor.defaultFormatter": "esbenp.prettier-vscode"
  },
  "workbench.colorTheme": "Default Dark+ Experimental",
  "[javascriptreact]": {
    "editor.defaultFormatter": "vscode.typescript-language-features"
  },
  "window.zoomLevel": 1,
  "tailwindCSS.includeLanguages": {
    "html": "html",
    "javascript": "javascript",
    "css": "css"
  },
  "editor.quickSuggestions": {
    "strings": true
  },
  "tailwindCSS.experimental.classRegex": [],
  "[jsonc]": {
    "editor.defaultFormatter": "vscode.json-language-features"
  },
  "tailwindCSS.experimental.configFile": null,
  "files.associations": {
    "*.css": "tailwindcss"
  },
}

New next 15 Setup don't need any tailwind config file but i stil adds it , but still the issue not resolved.

[thecrypticace]

o/ I don't know what VSCode version you're on b/c you dropped it from the issue template but I suspect it's older than VSCode 1.78 (released April 2023). It looks like we're using an API that was added in Node v16.17 (Aug 2022) and VSCode < 1.78 uses an older version of Electron which is based on an older Node.js version. The fix for you is to upgrade VSCode — preferrably to the latest version 1.99.

I'll be bumping the minimum version for the extension very soon so I don't think it's worth trying to work around this. Especially given that the VSCode versions this is broken in were released over 2 years ago.