Error: Route did not complete loading: /some-page

[stovmascript]

What version of Next.js are you using?

10.2.3

What version of Node.js are you using?

12.16.1

What browser are you using?

Chrome

What operating system are you using?

macOS

How are you deploying your application?

custom-server-express

Describe the Bug

While running the dev server, when I click through a couple of pages/, linked by the <Link> component, a full page load happens very often and randomly. This has been reported before: #21543, but in connection with debugging with DevTools.

It works as expected on a production build.

Expected Behavior

Client-side navigation to work without full page loads, except for expected situations, which Fast Refresh warns about and are listed here: https://nextjs.org/docs/basic-features/fast-refresh#how-it-works.

To Reproduce

Unfortunately, this is very hard to reproduce (meaning create a reproduction). I still can't pinpoint the cause of this behaviour. However, you can add this event listener to your _app.js after mount, preserve log in DevTools console, and look for this error right before the full page load.

Router.events.on('routeChangeError', (...yaaarghz) => {
  console.log(...yaaarghz)
})

(optional) You can also add this debugger statement to look through the callstack.

window.addEventListener('beforeunload', () => {
  debugger
})

[balazsorban44]

This issue has been automatically locked due to no recent activity. If you are running into a similar issue, please create a new issue with the steps to reproduce. Thank you.