Nuxt.js: Error page does not work in production mode

[lhsazevedo]

Version

v2.11.0

Reproduction link

https://github.com/lhsazevedo/nuxt-missing-error-page-demo

Steps to reproduce

• Clone reproduction repository, install dependencies
• npm run build
• npm run start
• Click on "Throw error" button

What is expected ?

The exception should be caught by the Nuxt main error handler which displays a nice error page, as it happens when running in dev mode (npm run dev).

What is actually happening?

Main error handler is ignored and exception ends up logged to console.

[talebi1]

you can have the error page back with debug:true, in nuxt.config.js. but you wouldn't want to do that in production.

I would suggest you catch the error, then call this.$nuxt.error({ message: "Boom" })

[antoineabbou]

Hello @lhsazevedo !

Same problem for me, did you manage to get around this problem ?

[lhsazevedo]

@talebi1 Now I see that this is a debug handler for developers (even mentions dev tools console), thank you.

@antoineabbou Yeah, I've created an Error Boundary component that wraps my default Layout content. It renders the default slot until an error is captured, and then switches to a simple 'Oops' page (simple v-if/v-else). Gist demo here.