Can't upgrade to nuxt 3 stable

This issue has been tracked since 2023-01-03.


@nuxtjs/tailwindcss: 6.1.3 / 6.2.0
nuxt: 3.0.0
yarn: 3.2.0

Steps to reproduce

Try to upgrade from nuxt rc14 to the stable release while using this package.

What is Expected?

Nuxt should start up without issues

What is actually happening?

On startup I'm getting errors like "Cannot find module 'tailwindcss/plugin'". It seems to happen because packages that @nuxtjs/tailwindcss depends on like tailwindcss, postcss & various postcss plugins no longer get installed at the root level of /node_modules, but instead get stored inside /node_modules/@nuxtjs/tailwindcss/node_modules. And so when Nuxt starts up, it can't find tailwindcss or if you add tailwindcss as a direct dependency to your package.json, then it's something else like postcss-custom-properties.

I'm not sure why this started happening, it's possible that something else in the Nuxt toolchain changed its dependency tree and this has changed how the package manager hoists all of the packages and stores them.

I think these issues might also be related to this issue:

fabis94 wrote this answer on 2023-01-03

Adding the following packages to my package.json as direct dependencies fixed the issue:

    "postcss": "^8.4.18",
    "postcss-custom-properties": "^12.1.9",
    "postcss-html": "^1.5.0",
    "postcss-nesting": "^10.2.0",
    "tailwindcss": "^3.2.0",

It's certainly not ideal, considering that you would usually want @nuxtjs/tailwindcss to manage the versions of these packages, but it works

More Details About Repo
Owner Name nuxt-modules
Repo Name tailwindcss
Full Name nuxt-modules/tailwindcss
Language TypeScript
Created Date 2019-04-04
Updated Date 2023-03-29
Star Count 1285
Watcher Count 12
Fork Count 157
Issue Count 57


Issue Title Created Date Updated Date