tailwind was working in nuxt3 but is breaking in nuxt rc-1, aka Cannot start nuxt: Cannot find module 'postcss-custom-properties'

[ilanc]

Environment

Nuxt CLI v3.0.0-rc.1 21:05:58
RootDir: /code/web/nuxt/6-tw 21:06:00
Nuxt project info: 21:06:00

---

• Operating System: Linux
• Node Version: v16.14.0
• Nuxt Version: 3.0.0-rc.1
• Package Manager: yarn@1.22.18
• Builder: vite
• User Config: buildModules, build, vite, tailwindcss
• Runtime Modules: -
• Build Modules: @nuxtjs/tailwindcss@5.0.3

---

Reproduction

git clone https://github.com/ilanc/test-nuxt-tailwind
cd test-nuxt-tailwind
yarn
yarn dev

Result:

ERROR  Cannot start nuxt:  Cannot find module 'postcss-custom-properties'                                                                                                                                                                                                                  

Describe the bug

I've put together a very simple repo. It just has the parts which used to make tailwind work in nuxt3 + an app.vue which uses some tailwind classes. It does also include headlessui and heroicons thought these are not used.

This used to work in nuxt3, however it errors in nuxt rc1.

I've followed the rc1 release notes and upgraded a very simple repo to rc1 (see this commit).

Additional context

No response

Logs

No response

[ilanc]

FFS solution was rather simple:

yarn add postcss-custom-properties

[TheColaber]

I'm getting this too. But adding a new dependency shouldn't be the way to fix the problem.

[h7ml]

Oh my friend, I have this problem too, is there a way to solve it successfully?

[ilanc]

just add postcss-custom-properties to your packages

[icefee]

I fixed it by change package name @nuxthq/ui -> @nuxt/ui, then run yarn install or npm run install.