Nuxt.js: Duplicate layout when happen some error

Created on 15 Jan 2018  路  7Comments  路  Source: nuxt/nuxt.js

screenshot from 2018-01-15 15-01-12

This question is available on Nuxt.js community (#c2262)

Most helpful comment

@paulgv thank you for the response, i made this repo https://github.com/javialon26/nuxt-error-layout

I found the problem, the error layout is not like other layouts because by default use default.vue as base layout and if you put common components (ex.: header, footer) in the error layouts that already exist in default.vue everything's shown duplicated.

The solution is remove common components from error.vue and treat it like a common page not as layout.

Thank you!

All 7 comments

Same here. This happen if the error page is customized with layout/error.vue with nuxt version >= 1.

Can someone help me? @Atinux @alexchopin @pi0

Any update on this? @Atinux @pi0

Could you please provide a repo so we can reproduce the bug?

@paulgv thank you for the response, i made this repo https://github.com/javialon26/nuxt-error-layout

I found the problem, the error layout is not like other layouts because by default use default.vue as base layout and if you put common components (ex.: header, footer) in the error layouts that already exist in default.vue everything's shown duplicated.

The solution is remove common components from error.vue and treat it like a common page not as layout.

Thank you!

exactly, thanks! @javialon26

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.

Was this page helpful?
0 / 5 - 0 ratings

Related issues

uptownhr picture uptownhr  路  3Comments

shyamchandranmec picture shyamchandranmec  路  3Comments

bimohxh picture bimohxh  路  3Comments

jaredreich picture jaredreich  路  3Comments

gary149 picture gary149  路  3Comments