Using the tailwind/ui plugin causes an undefined error

This issue has been tracked since 2022-12-27.

Version

@nuxtjs/tailwindcss: ^6.2.0
nuxt: 3.0.0
@tailwindcss/typography: ^0.5.8
@tailwindcss/ui: ^0.7.2

Reproduction Link

I haven't created one yet, but the example on the official docs is failing also

Steps to reproduce

Fresh Nuxt 3.0 project
Add Tailwind
Add tailwind/ui

What is Expected?

Successful build

What is actually happening?

Looks like a CJS / ESM issue perhaps when the tailwindcss/typography plugin is trying to load the default theme

WARN  Failed to load Tailwind config at: ./tailwind.config.js Cannot read properties of undefined (reading '700')

  at D:/Projects/website/node_modules/.pnpm/@[email protected]/node_modules/@tailwindcss/typography/src/styles.js:14:38

blowsie wrote this answer on 2022-12-28

Overriding the version of @tailwindcss/typography that @tailwindcss/ui uses internally fixes the issues, but I'm unsure of any other side effects.

 "pnpm": {
    "overrides": {
      "@tailwindcss/typography": "^0.5.8"
    }
  }

Your Name

Your Comment

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

YOU MAY BE INTERESTED

Issue Title	Created Date	Updated Date