Tailwind CSS not working in my tubrorepo

[mayank1513]

Link to code that reproduces this issue - https://github.com/react18-tools/nextjs-themes/tree/tailwind/examples/tailwind

I was just trying to add a tailwind example for one of my packages. I have followed the official docs. However, it seems that I am making some silly mistake here. It doesn't seem to apply tailwind styles.

Here's the code - https://github.com/react18-tools/nextjs-themes/tree/tailwind/examples/tailwind

No errors are thrown but the styles are not applied either.

To Reproduce

git clone -b tailwind https://github.com/react18-tools/nextjs-themes.git
cd nextjs-themes
pnpm i
yarn dev --filter tailwind

[wongjn]

I got an error on my end, in case it may be helpful to you:

$ yarn dev --filter tailwind
yarn run v1.22.19
$ turbo run dev --filter tailwind
• Packages in scope: tailwind
• Running dev in 1 packages
• Remote caching disabled
tailwind:dev: cache bypass, force executing 3f95563cc948e40f
tailwind:dev: 
tailwind:dev: > tailwind@0.1.1 dev /react18-tools/nextjs-themes/examples/tailwind
tailwind:dev: > next dev
tailwind:dev: 
tailwind:dev: /react18-tools/nextjs-themes/node_modules/.pnpm/next@14.0.3_@babel+core@7.23.5_react-dom@18.2.0_react@18.2.0/node_modules/next/dist/server/web/spec-extension/request.js:28
tailwind:dev: class NextRequest extends Request {
tailwind:dev:                           ^
tailwind:dev: 
tailwind:dev: ReferenceError: Request is not defined
tailwind:dev:     at Object.<anonymous> (/react18-tools/nextjs-themes/node_modules/.pnpm/next@14.0.3_@babel+core@7.23.5_react-dom@18.2.0_react@18.2.0/node_modules/next/dist/server/web/spec-extension/request.js:28:27)
tailwind:dev:     at Module._compile (node:internal/modules/cjs/loader:1198:14)
tailwind:dev:     at Object.Module._extensions..js (node:internal/modules/cjs/loader:1252:10)
tailwind:dev:     at Module.load (node:internal/modules/cjs/loader:1076:32)
tailwind:dev:     at Function.Module._load (node:internal/modules/cjs/loader:911:12)
tailwind:dev:     at Module.require (node:internal/modules/cjs/loader:1100:19)
tailwind:dev:     at Module.mod.require (/react18-tools/nextjs-themes/node_modules/.pnpm/next@14.0.3_@babel+core@7.23.5_react-dom@18.2.0_react@18.2.0/node_modules/next/dist/server/require-hook.js:64:28)
tailwind:dev:     at require (node:internal/modules/cjs/helpers:119:18)
tailwind:dev:     at Object.<anonymous> (/react18-tools/nextjs-themes/node_modules/.pnpm/next@14.0.3_@babel+core@7.23.5_react-dom@18.2.0_react@18.2.0/node_modules/next/dist/server/web/spec-extension/adapters/next-request.js:37:18)
tailwind:dev:     at Module._compile (node:internal/modules/cjs/loader:1198:14)
tailwind:dev: 

 Tasks:    1 successful, 1 total
Cached:    0 cached, 1 total
  Time:    761ms 

Done in 0.83s.