[v4] Migration fails An empty preset is not currently supported

[robdekort]

I'm running into an issue when migrating to Tailwind v4. I get the following error after running npx @taiilwindcss/upgrade@next.

Migrating JavaScript configuration files…

│ ↳ Could not load the configuration file: Error in the config
│   file/plugin/preset. An empty preset (`preset: []`) is not currently
│   supported.

I assume this has something to do with with the fact that I use presets to load in multiple config files. Like this:

module.exports = {
  presets: [
    require('tailwindcss/defaultConfig'),
    require('./tailwind.config.typography.js'),
    require('./tailwind.config.peak.js'),
    require('./tailwind.config.site.js'),
  ],
}

Those linked files aren't empty. I'm wondering if there's a workaround currently to successfully migrate projects like this.

Thanks!

[wongjn]

The error is not saying that any of them are empty. It is saying that there is at least one preset that has an empty preset property. For example, tailwindcss/defaultConfig resolves to an object with an empty preset property:

tailwindcss/stubs/config.full.js

Line 3 in f875ab9

presets: [],

[robdekort]

Ah thanks, yeah that makes sense. Off now to grasp the errors that follow this one :-). Thanks