vercel / next.js

The React Framework
https://nextjs.org
MIT License
124.44k stars 26.56k forks source link

Module css is not working with Parallel Route #67837

Open developer-choi opened 1 month ago

developer-choi commented 1 month ago

Link to the code that reproduces this issue

https://github.com/developer-choi/nextjs-bug-report-1

To Reproduce

See README.md https://github.com/developer-choi/nextjs-bug-report-1

Current vs. Expected behavior

expectation

I written border style in layout.module.css The layout.module.css must work. image

bug (current)

The layout.module.css was not working. image

Motivation

I wanted to show pages conditionally. so, I used Parallel Routes. but layout.module.css was not working. I attach repository URL.

https://github.com/developer-choi/nextjs-bug-report-1

Provide environment information

Operating System:
  Platform: win32
  Arch: x64
  Version: Windows 11 Pro
  Available memory (MB): 16152
  Available CPU cores: 20
Binaries:
  Node: 20.15.0
  npm: N/A
  Yarn: N/A
  pnpm: N/A
Relevant Packages:
  next: 14.2.5 // Latest available version is detected (14.2.5).
  eslint-config-next: 14.2.5
  react: 18.3.1
  react-dom: 18.3.1
  typescript: 5.5.3
Next.js Config:
  output: N/A

Which area(s) are affected? (Select all that apply)

Not sure

Which stage(s) are affected? (Select all that apply)

next dev (local), next build (local), next start (local)

Additional context

No response

kmsomebody commented 1 month ago

Unfortunately there are multiple issues with parallel routes, which make them not usable.

Here's another open issue regarding the CSS modules: https://github.com/vercel/next.js/issues/56524