@DanteRael You have not set your Build Configuration correctly.
So you’re accidentally deploying your source code, which cannot run in the browser.
This is shown by…
The error in the developer console:
Using ‘view source’ on the ‘white page’:
The fact that your source files can be directly loaded:
https://sparkly-tartufo-b9df74.netlify.app/package.json
https://sparkly-tartufo-b9df74.netlify.app/src/index.css
If you’re having Netlify perform your build, you don’t want your dist directory in your git repository.
You should remove it and add dist to your .gitignore, which it was before you removed it.
It will be recreated at build time.
You do not need to set the Functions directory.
Based on the files in your repository your Build Settings should be:
Base directory =
Package directory =
Build command = npm run build
Publish directory = dist
Functions directory =
All the values that I have left blank above, should be deleted and left blank in your Netlify UI (or showing whatever default value the Netlify UI displays when you try and remove it).
This is because the others use defaults that would work for your site, so you only need the Build command (what command it should run to ‘generate your site’), and the Publish directory (what set of files it should deploy).
Oh, and one other important thing, your site appears to be a ‘clone website’, or at the very least uses assets from a brand that it’s unlikely you have an affiliation with (Apple).
You run the risk of having your site/account suspended.