Built in error page doesn't show reliably

[imdavidmin]

What version of Next.js are you using?

11.0.1

What version of Node.js are you using?

15.2.1

What browser are you using?

Edge Chromium

What operating system are you using?

Windows

How are you deploying your application?

next dev

Describe the Bug

The error page doesn't show when there is a runtime error.

The issue I had was importing gsap when it needed the next-transpile-modules package as currently Next.js is not supporting ES6 modules. When navigating to the page, the next dev server logs the following:

event - build page: /Admin
wait  - compiling...
event - compiled successfully
event - build page: /next/dist/pages/_error
wait  - compiling...
event - compiled successfully

So the page builds ok, but immediately followed by the default error page. However, in browser, the request simply hangs and the page doesn't load. I don't see any error being displayed back to me or in console.

Expected Behavior

See error.

The problem can be worked around by creating a custom error page _error. Using documentation code:

function Error({ statusCode }) {
    return (
        <p>
            {statusCode
                ? `An error ${statusCode} occurred on server`
                : 'An error occurred on client'}
        </p>
    )
}

Error.getInitialProps = ({ res, err }) => {
    const statusCode = res ? res.statusCode : err ? err.statusCode : 404
    return { statusCode }
}

export default Error

To Reproduce

import gsap from 'gsap';
import { ScrollTrigger } from 'gsap/ScrollTrigger';

without the following in next.config.js

const withTM = require('next-transpile-modules')(['gsap']); 

module.exports = withTM({ });

[balazsorban44]

I could not reproduce this anymore. The page loads nicely, showing the error:

The underlying issue might have been fixed at a later point, please upgrade to next@latest

[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.