Em vez de exibir apenas um 404 error, as cores da página inteira são invertidas, fazendo com que a tela pareça muito estranha. Isso acontece toda vez que navego para uma página inexistente.
Imagem de Layout Normal com Fundo Branco
Imagem de Layout Inesperado com Fundo Preto (no erro 404)
Estou desenvolvendo um site usando Next.js e Tailwind CSS. Ainda não criei uma página 404 personalizada, mas quando navego para uma página inexistente, as cores da tela inteira ficam invertidas.
Não tenho certeza do porquê isso está acontecendo e agradeceria qualquer orientação sobre como resolver esse problema.
Informações adicionais:
Versão do Next.js: 14.2.8
Versão do Tailwind CSS: 3.4.1
O problema ocorre ao navegar para uma página inexistente.
Isso pode estar relacionado a alguma configuração padrão ou comportamento da página 404 no Next.js?
Vejo o problema. Ele pode ser corrigido adicionando seu
not-found.tsxarquivo personalizado e retornando seu jsx personalizado. Mais informações sobre o arquivo não encontrado: https://nextjs.org/docs/app/api-reference/file-conventions/not-found