create-next-app (canary): Import of *.module.scss in Client Component causes `__webpack_require__.n is not a function` crash about next.js

[eps1lon]

Glad to hear. Thank you for confirming!

[eps1lon]

Workaround proposed in #67673

[karlhorky]

Workaround

In speaking with @eps1lon, it appears that versions other than [email protected] and [email protected] should not be used, since they will cause production problems, whereas this is just a development problem.

Upgrade to [email protected] and [email protected] versions when using latest canary [email protected]

I retrieved these versions from the App Router reproduction template:

- https://github.com/vercel/next.js/blob/canary/examples/reproduction-template/package.json#L10-L11

[karlhorky]

Opened a PR to downgrade the App Router reproduction template to [email protected] and [email protected] (even though this causes this problem reported above) because apparently non-19.0.0-rc.0 versions have production problems:

• #67788

[karlhorky]

@eps1lon thanks for the PR #67673, merge and publish in [email protected] 🎉

I've confirmed that this resolves the issue in my reproduction:

pnpm dev

> @ dev /Users/k/p/repro-next-js-v15-react-rc-0-sass-webpack-require-not-a-function
> next dev

  ▲ Next.js 15.0.0-canary.77
  - Local:        http://localhost:3000

 ✓ Starting...
 ✓ Ready in 3s
 ○ Compiling / ...
 ✓ Compiled / in 2.7s (482 modules)
 GET / 200 in 2884ms
 ✓ Compiled /favicon.ico in 176ms (275 modules)
 GET /favicon.ico 200 in 273ms
 ○ Compiling /non-home ...
 ✓ Compiled /non-home in 831ms (546 modules)
 GET /non-home 200 in 426ms
 GET /non-home 200 in 921ms
 GET /non-home 200 in 18ms
 GET / 200 in 80ms
 GET /favicon.ico 200 in 21ms
 GET /non-home 200 in 7ms

Here's the diff in the branch:

• https://github.com/karlhorky/repro-next-js-v15-react-rc-0-sass-webpack-require-not-a-function/compare/next-15.0.0-canary.77