Nuxt.js: How to customized nuxt-error.vue

[ac88]

Server error page render node_modules\nuxt\lib\app\components\nuxt-error.vue

node_modules\nuxt\lib\app\components\nuxt.js:3

import NuxtError from '<%= components.ErrorPage ? 
((components.ErrorPage.indexOf('~') === 0 || components.ErrorPage.indexOf('@') === 0)
 ?
 components.ErrorPage : "../" + components.ErrorPage) : "./nuxt-error.vue" %>'

i use

```js
components:{
ErrorPage:'~/components/ErrorPage'
}
````

in nuxt.config.js

but it is still render nuxt-error.vue not my ErrorPage

_{This question is available on Nuxt.js community (#c2333)}

[clarkdo]

Just ErrorPage, no components is fine.

// nuxt.config.js
module.exports = {
  ErrorPage:'~/components/ErrorPage'
}

[ac88]

@clarkdo

// nuxt.config.js
module.exports = {
  ErrorPage:'~/components/ErrorPage'
}

this config will cover layout/error.vue ,like 404 error, and nuxt-error.vue still render on server error.

i want customized only node server error,like this

[DonSalvador]

@ac88 did you find a solution for this?

[ac88]

@SalvadorDuran I haven't done yet

[Extarys]

I'll look into it today, I'm interested too! :)

[manniL]

Customize "client-side" error template:

1. Add a layouts/error.vue file
2. Customize it

Customize "server-side" error template:

(See https://blog.lichter.io/posts/change-the-nuxtjs-server-error-page/ )

1. Add an error.html file under: app/views/
2. Customize it :relaxed:

[cmty[bot]]

This question has been resolved by @manniL, see answer.

[lock[bot]]

This thread has been automatically locked since there has not been any recent activity after it was closed. Please open a new issue for related bugs.