Closed
Description
What version of VS Code are you using?
v1.96.2
What version of Tailwind CSS IntelliSense are you using?
0.12.18, 0.14.0 / 0.14.1
What version of Tailwind CSS are you using?
v3.3.3
What package manager are you using?
yarn (v4.6.1, PnP)
What operating system are you using?
Windows
Tailwind config
import type { Config } from "tailwindcss";
import typography from "@tailwindcss/typography";
import reactAriaComponentsPlugin from "tailwindcss-react-aria-components";
import animatePlugin from "tailwindcss-animate";
export default {
content: ["./src/**/*.{js,ts,jsx,tsx}"],
theme: {
screens: {
xs: "320px",
sm: "576px",
md: "992px",
lg: "1440px",
},
extend: {
colors: {
...
},
fontFamily: {
...
},
keyframes: {
...
},
animation: {
...
},
},
},
future: {
hoverOnlyWhenSupported: true,
},
plugins: [typography, reactAriaComponentsPlugin, animatePlugin],
} satisfies Config;VS Code settings
{
"editor.formatOnPaste": true,
"editor.formatOnSave": true,
"editor.defaultFormatter": "esbenp.prettier-vscode",
"editor.codeActionsOnSave": {
"source.fixAll.eslint": "explicit",
"source.fixAll.format": "explicit"
},
"eslint.nodePath": ".yarn/sdks",
"files.associations": {
"*.css": "tailwindcss"
},
"prettier.prettierPath": ".yarn/sdks/prettier/index.cjs",
"search.exclude": {
"**/.yarn": true,
"**/.pnp.*": true
},
"typescript.tsdk": ".yarn/sdks/typescript/lib",
"typescript.enablePromptUseWorkspaceTsdk": true,
"tailwindCSS.experimental.classRegex": [
["([\"'`][^\"'`]*.*?[\"'`])", "[\"'`]([^\"'`]*).*?[\"'`]"]
]
}Describe your issue
Hovering over classnames and auto-complete both work fine on v0.12.18. If I update to either of the 0.14 versions, neither work (as if the plugin is not enabled at all). This is the output for the plugin in case it helps:
Locating server…
Booting server...
Setting up server…
Listening for messages…
[Error - 2:20:05 PM] Failed to initialize workspace folder c:/Users/selja/Documents/website-new Error [ERR_UNSUPPORTED_ESM_URL_SCHEME]: Only URLs with a scheme in: file, data, node, and electron are supported by the default ESM loader. On Windows, absolute paths must be valid file:// URLs. Received protocol 'c:'
at throwIfUnsupportedURLScheme (node:internal/modules/esm/load:249:11)
at defaultLoad (node:internal/modules/esm/load:129:3)
at ModuleLoader.load (node:internal/modules/esm/loader:555:13)
at ModuleLoader.moduleProvider (node:internal/modules/esm/loader:434:56)
at new ModuleJob (node:internal/modules/esm/module_job:71:27)
at #createModuleJob (node:internal/modules/esm/loader:447:17)
at ModuleLoader.getJobFromResolveResult (node:internal/modules/esm/loader:259:34)
at ModuleLoader.getModuleJob (node:internal/modules/esm/loader:240:17)
at async ModuleLoader.import (node:internal/modules/esm/loader:472:23) {
code: 'ERR_UNSUPPORTED_ESM_URL_SCHEME'
}
[Info - 2:22:14 PM] [GLOBAL] No matching project for document {
fsPath: 'C:\\Users\\selja\\Documents\\website-new\\tailwind.config.ts',
normalPath: '/c:/Users/selja/Documents/website-new/tailwind.config.ts'
}
[Info - 2:22:14 PM] [GLOBAL] No matching project for document {
fsPath: 'C:\\Users\\selja\\Documents\\website-new\\tailwind.config.ts',
normalPath: '/c:/Users/selja/Documents/website-new/tailwind.config.ts'
}
The Info level errors show when I open any files, not just the config file. The Error only appears once.