tailwindcss generate failed after 5 seconds

[gaoluona]

info - [plugin: ./node_modules/@umijs/plugins/dist/tailwindcss] tailwindcss service started

Rebuilding...
error - [plugin: ./node_modules/@umijs/plugins/dist/tailwindcss] tailwindcss generate failed after 5 seconds, please check your tailwind.css and tailwind.config.js
✨ Done in 22.29s.

[gaoluona]

"name": "tailwindcss",
"version": "3.4.14",

[stephen-ics]

Hmm this is interesting, can you send your tailwind.css and tailwind.config.js files? They should look similar to this.

@tailwind base;
@tailwind components;
@tailwind utilities;

and

module.exports = {
  content: ['./src/**/*.{js,jsx,ts,tsx,html}'],
  theme: {
    extend: {},
  },
  plugins: [],
}

[gaoluona]

@tailwind base;
@tailwind utilities;

module.exports = {
  important: true,
  content: [
    './src/pages/**/*.{jsx,tsx}',
    './src/components/**/*.{jsx,tsx}',
    './src/layouts/**/*.jsx',
    './src/loading.tsx'
  ],
  theme: {
    zIndex: {
      '99': 99,
      '999': 999,
      '9999': 9999,
      '99999': 99999
    }
  }
}

[gaoluona]

My guess is that there are too many files to compile

[philipp-spiess]

Yeah can be, really hard to say without a reproduction though. Any chance that any of the content directories contain a node_modules folder or something else with many files?

[gaoluona]

When I change the value to 15, it works fine.

[philipp-spiess]

This code doesn't seem to be from the Tailwind CSS package, perhaps this is something that can be addressed on the umi plugin?

[gaoluona]

👌🏻