Estoy tratando de mostrar una página de error cuando ocurre un error en el Javascript del lado del cliente de los componentes de Vue.

En el modo de desarrollo, aparece una página de error del cliente que creé en la página layouts/error.vue cada vez que el cliente se encuentra con un error. Pero cuando compilo e inicio la aplicación, no se muestra ninguna página de error, aunque el error se registra en la consola. Esta página de error solo se muestra para los errores del servidor.

Intenté crear un componente de manejo de errores personalizado usando el siguiente código:

 mounted() { window.onerror = this.onError }, methods: { onError(msg, source, ln, cn, err) { console.log('Error received') this.show = true this.error = { msg, source, ln, cn, err } } }

Sin embargo, esta función no parece manejar el error del lado del cliente que ocurre.

¿Alguien sabe cuál es la mejor manera de manejar todos los errores del lado de los clientes no controlados?