Complex { Link } from routes module doesn't work when coming from static pages, but does when navigated to first about next-routes HOT 5 CLOSED

Thanks @watch-janick ! This really helped. I was able to fix this by importing bootstrap css file in _app.js

from next-routes.

I've got the same problem on a project, basically no links are working when landing on the page, but if I navigate to it from another one, it's working.
It only happens on production.

from next-routes.

Same problem here also.

from next-routes.

Did anyone find a workaround/fix for this?

from next-routes.

Did anyone find a workaround/fix for this?

My problem was related to Webpack, NextJS and Ant Design using less.

In case anyone has the same problem as I had, here's how I fixed it:

It happened only when a page without Ant Design was trying to navigate to a page with Ant Design on it.

The fix was to manually load all the used less files across the project into _app.js:

import 'antd/lib/style/index.less'
import 'antd/lib/layout/style/index.less'
[...]

And disable styles import in .babelrc:

[
  "import",
  {
    "libraryName": "antd",
    "style": false
  }
],

It's not ideal, but it's actually the only way to make it work with the current version of Webpack & NextJS.

Good luck!

from next-routes.