Custom 404 not working

Support
1

I have a custom 404.html file in the root of my web app along with the netlify.toml file that looks like this:

[[redirects]]
  from = "/*"
  to = "404.html"
  status = 404

However, I still get the default Netlify 404 error page when attempting to go to a page that doesn’t exist. This is just a vanilla js portfolio site, so no routing or frameworks. The only odd thing I’ve noticed, is that if I try to go to mysite/404.html it does not work there either and returns an actual 404.

2

Hi @stephanlamoureux,

Thanks for reaching out and welcome to Netlify’s Support Forums!

Could you clarify which site you’re having this issue on? If you could provide the site name (such as sitename.netlify.app) so we can investigate the issue.

3

Hi @Melvin the app is located at https://stephanlamoureux.netlify.app (https://wheresteve.codes)

6

Hi @stephanlamoureux,

Thanks for the follow-up. It doesn’t appear that the 404.html file has been included. Could you check here: Netlify App at the bottom of the logs is a Deploy file browser tool that’ll allow you to see if the file (404.html) has been included in the deploy.

7

Thanks for the tip @Melvin, I used that tool and indeed my 404.html file is not part of the deploy. Do you have any idea why this would happen? It is in the root of my project and the file was successfully pushed to GitHub. The app is being built with Parcel.

8

Hi @stephanlamoureux, we cannot check the why here as that would involve us having to check and debug your project, which is not something we can do. You need to figure out with your setup why that file doesn’t get included and make relevant changes.