Skip to content

Tailwind CSS autocomplete does not work in React .jsx files #1320

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

Open
IgorArnaut opened this issue Apr 18, 2025 · 4 comments
Open

Tailwind CSS autocomplete does not work in React .jsx files #1320

IgorArnaut opened this issue Apr 18, 2025 · 4 comments

Comments

@IgorArnaut
Copy link

IgorArnaut commented Apr 18, 2025

What version of VS Code are you using?
v1.100.0-insider

What version of Tailwind CSS IntelliSense are you using?
v0.14.15

What version of Tailwind CSS are you using?
v3.4.17

What package manager are you using?
npm

What operating system are you using?
Windows 11 64-bit

Tailwind config

/** @type {import('tailwindcss').Config} */
export default {
  content: ["./index.html", "./src/**/*.{js,ts,jsx,tsx}"],
  theme: {
    extend: {
      fontFamily: {
        sans: ["Roboto", "sans-serif"],
      },
      gridTemplateColumns: {
        "70/30": "70% 28%",
      },
    },
  },
  plugins: [],
};

Reproduction URL

  1. Run npm create vite@latest
  2. Run npm install -D tailwindcss@3 postcss autoprefixer
  3. Run npx tailwindcss init -p
  4. Add to Tailwind CSS config
/** @type {import('tailwindcss').Config} */
export default {
  content: [
    "./index.html",
    "./src/**/*.{js,ts,jsx,tsx}",
  ],
  theme: {
    extend: {},
  },
  plugins: [],
}
  1. Try entering a Tailwind class in className attribute.

Describe your issue
Tailwind CSS autocomplete does not work in React .jsx files.

@IgorArnaut IgorArnaut changed the title Tailwind CSS autocomplete does not work in react .jsx files. Tailwind CSS autocomplete does not work in React .jsx files. Apr 18, 2025
@IgorArnaut
Copy link
Author

Please respond.

@IgorArnaut IgorArnaut changed the title Tailwind CSS autocomplete does not work in React .jsx files. Tailwind CSS autocomplete does not work in React .jsx files Apr 18, 2025
@sjaakbanaan
Copy link

I had the same issue,output would just stop at:
Searching for Tailwind CSS projects in the workspace's folders.

I 'fixed' it by installing v0.14.12 for now.

@jacksteamdev
Copy link

What TypeScript version is your VSCode using? I was using TypeScript Nightly and I noticed that switching back to the workspace TS version fixed things.

Image

@IgorArnaut
Copy link
Author

What TypeScript version is your VSCode using? I was using TypeScript Nightly and I noticed that switching back to the workspace TS version fixed things.
Image

I used JavaScript, not TypeScript.

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

No branches or pull requests

3 participants