Cant change page with 'next/link' & 'next-css'

[standy]

This is bug report

Link does not work with css-module imported. That happens when page with Link has no css, and linked page has. No errors in console, so im not sure about reasons, but there is minimal repo to reproduce:
https://github.com/standy/next-css-error

Bug appears in next@7.0.0 + next-css@1.0.1,
Older next@6.1.2 + next-css@0.2.0 works fine

[Dynogic]

I have the exact same issue, on the exact same versions as well.

Confirmed work around: make every page import some css.

[virzak]

Was trying hard to determine what was causing that. Thanks for reporting @Dynogic and @standy

[Enalmada]

Same problem except with next-css. Clicking links importing less just don't respond. My workaround was to stop using less/css. Note this ticket vercel/next.js#5264 (comment) suggests you can import blank in _app.js.

[kylemh]

https://spectrum.chat/thread/2183fc55-236d-42cb-92b9-3ab10acc6303?m=MTUzODU2NDg2ODA2Mg==

Next team is aware and working on it! It's complex and will take time.

Importing an empty stylesheet into _app.js nor importing a stylesheet on every page resolved the issue for me locally.

[nisargrthakkar]

@kylemh I tried Importing an empty stylesheet into _app.js nor importing a stylesheet on every page resolved the issue for me locally. but still not working

[kylemh]

It's a strategy some have professed, but it doesn't resolve anything for me - just like you.

[popuguytheparrot]

Same problem

[timneutkens]

@kylemh / others could you try @zeit/next-css@canary? It holds #315