[BUG]:Could not resolve tailwindcss at TailwindUtils.loadConfigV4

[Mounir-abaddah]

Hi 👋

I'm currently using Tailwind CSS v4 with React + TypeScript + Vite.
I noticed that eslint-plugin-tailwindcss doesn't seem to recognize variables or classes from my index.css anymore, since Tailwind 4 no longer uses a tailwind.config.js.

Here’s my setup:

import js from '@eslint/js'
import globals from 'globals'
import reactHooks from 'eslint-plugin-react-hooks'
import reactRefresh from 'eslint-plugin-react-refresh'
import tseslint from 'typescript-eslint'
import { globalIgnores } from 'eslint/config'
import tailwind from "eslint-plugin-tailwindcss";


export default tseslint.config([
  globalIgnores(['dist']),
  {
    files: ['**/*.{ts,tsx}'],
    extends: [
      js.configs.recommended,
      tseslint.configs.recommended,
      reactHooks.configs['recommended-latest'],
      reactRefresh.configs.vite,
      tailwind.configs["flat/recommended"],
    ],
    settings: {
      tailwindcss: {
        config:'./index.css',
      },
    },
    languageOptions: {
      ecmaVersion: 2020,
      globals: globals.browser,
    },
  },
])

Is there any temporary workaround or configuration recommended for projects using Tailwind v4 (with no config file)?
Or should we simply disable the plugin until official support lands?

[john-wood-arondite]

I've managed to get this working by using an empty configuration file - see this comment here - that's ok for my case - as it doesn't need any of the information in the global.css file I'm setting up tailwind e.g. things like no arbitrary value, classnames order, contradicting classname, shouldn't need to know setup really

Hope that helps