Blank website on deployment

Site link : https://6327a1e9e4125e000873e5fd--thunderous-gingersnap-168026.netlify.app/

Github link: GitHub - JoeNeedham/ecommerce-site

I have been troubleshooting and reading similar blog post on these forums for awhile now and I don’t know why I can’t get my app to deploy.

I have solved/ignored errors and warning.

The DOM is blank.

DEPLOYMET LOG

6:55:37 PM: Build ready to start
6:55:38 PM: build-image version: d7b3dbfb0846505993c9a131894d1858074c90b4 (focal)
6:55:38 PM: build-image tag: v4.10.1
6:55:38 PM: buildbot version: 7e449fda4d95fa42451b88186ca7054116649237
6:55:38 PM: Fetching cached dependencies
6:55:39 PM: Starting to download cache of 136.8MB
6:55:39 PM: Finished downloading cache in 887.284647ms
6:55:39 PM: Starting to extract cache
6:55:41 PM: Finished extracting cache in 1.530722533s
6:55:41 PM: Finished fetching cache in 2.487111041s
6:55:41 PM: Starting to prepare the repo for build
6:55:41 PM: Preparing Git Reference refs/heads/main
6:55:41 PM: Parsing package.json dependencies
6:55:42 PM: Different publish path detected, going to use the one specified in the Netlify configuration file: β€˜client/public’ versus β€˜public’ in the Netlify UI
6:55:42 PM: Starting build script
6:55:42 PM: Installing dependencies
6:55:42 PM: Python version set to 2.7
6:55:42 PM: Started restoring cached node version
6:55:43 PM: Finished restoring cached node version
6:55:43 PM: v16.17.0 is already installed.
6:55:44 PM: Now using node v16.17.0 (npm v8.15.0)
6:55:44 PM: Started restoring cached build plugins
6:55:44 PM: Finished restoring cached build plugins
6:55:44 PM: Attempting ruby version 2.7.2, read from environment
6:55:44 PM: Using ruby version 2.7.2
6:55:45 PM: Using PHP version 8.0
6:55:45 PM: No npm workspaces detected
6:55:45 PM: Started restoring cached node modules
6:55:45 PM: Finished restoring cached node modules
6:55:45 PM: Started restoring cached go cache
6:55:45 PM: Finished restoring cached go cache
6:55:45 PM: Installing Go version 1.17 (requested 1.17)
6:55:50 PM: unset GOOS;
6:55:50 PM: unset GOARCH;
6:55:50 PM: export GOROOT=β€˜/opt/buildhome/.gimme/versions/go1.17.linux.amd64’;
6:55:50 PM: export PATH=β€œ/opt/buildhome/.gimme/versions/go1.17.linux.amd64/bin:${PATH}”;
6:55:50 PM: go version >&2;
6:55:50 PM: export GIMME_ENV=β€œ/opt/buildhome/.gimme/env/go1.17.linux.amd64.env”
6:55:50 PM: go version go1.17 linux/amd64
6:55:50 PM: Installing missing commands
6:55:50 PM: Verify run directory
6:55:51 PM: ​
6:55:51 PM: ────────────────────────────────────────────────────────────────
6:55:51 PM: Netlify Build
6:55:51 PM: ────────────────────────────────────────────────────────────────
6:55:51 PM: ​
6:55:51 PM: ❯ Version
6:55:51 PM: @netlify/build 27.18.1
6:55:51 PM: ​
6:55:51 PM: ❯ Flags
6:55:51 PM: baseRelDir: true
6:55:51 PM: buildId: 6327a1e9e4125e000873e5fb
6:55:51 PM: deployId: 6327a1e9e4125e000873e5fd
6:55:51 PM: ​
6:55:51 PM: ❯ Current directory
6:55:51 PM: /opt/build/repo/client
6:55:51 PM: ​
6:55:51 PM: ❯ Config file
6:55:51 PM: No config file was defined: using default values.
6:55:51 PM: ​
6:55:51 PM: ❯ Context
6:55:51 PM: production
6:55:51 PM: ​
6:55:51 PM: ────────────────────────────────────────────────────────────────
6:55:51 PM: 1. Build command from Netlify app
6:55:51 PM: ────────────────────────────────────────────────────────────────
6:55:51 PM: ​
6:55:51 PM: $ CI=false npm run build
6:55:51 PM: > ecommerce-store@0.1.0 build
6:55:51 PM: > react-scripts build
6:55:52 PM: Creating an optimized production build…
6:56:00 PM: Compiled successfully.
6:56:00 PM:
6:56:00 PM: File sizes after gzip:
6:56:00 PM: 202.32 kB build/static/js/main.4724e0eb.js
6:56:00 PM: The project was built assuming it is hosted at /.
6:56:00 PM: You can control this with the homepage field in your package.json.
6:56:00 PM: The build folder is ready to be deployed.
6:56:00 PM: You may serve it with a static server:
6:56:00 PM: npm install -g serve
6:56:00 PM: serve -s build
6:56:00 PM: Find out more about deployment here:
6:56:00 PM: Deployment | Create React App
6:56:00 PM: ​
6:56:00 PM: (build.command completed in 8.9s)
6:56:00 PM: ​
6:56:00 PM: ────────────────────────────────────────────────────────────────
6:56:00 PM: 2. Deploy site
6:56:00 PM: ────────────────────────────────────────────────────────────────
6:56:00 PM: ​
6:56:00 PM: Starting to deploy site from β€˜client/public’
6:56:00 PM: Creating deploy tree
6:56:00 PM: Creating deploy upload records
6:56:00 PM: 0 new files to upload
6:56:00 PM: 0 new functions to upload
6:56:00 PM: Site deploy was successfully initiated
6:56:00 PM: ​
6:56:00 PM: (Deploy site completed in 175ms)
6:56:00 PM: ​
6:56:00 PM: ────────────────────────────────────────────────────────────────
6:56:00 PM: Netlify Build Complete
6:56:00 PM: ────────────────────────────────────────────────────────────────
6:56:00 PM: ​
6:56:00 PM: (Netlify Build completed in 9.1s)
6:56:00 PM: Starting post processing
6:56:00 PM: Post processing - HTML
6:56:00 PM: Caching artifacts
6:56:00 PM: Started saving node modules
6:56:00 PM: Finished saving node modules
6:56:00 PM: Started saving build plugins
6:56:00 PM: Finished saving build plugins
6:56:00 PM: Started saving pip cache
6:56:00 PM: Finished saving pip cache
6:56:00 PM: Started saving emacs cask dependencies
6:56:00 PM: Post processing - header rules
6:56:00 PM: Finished saving emacs cask dependencies
6:56:00 PM: Started saving maven dependencies
6:56:00 PM: Finished saving maven dependencies
6:56:00 PM: Started saving boot dependencies
6:56:00 PM: Finished saving boot dependencies
6:56:00 PM: Started saving rust rustup cache
6:56:00 PM: Finished saving rust rustup cache
6:56:00 PM: Started saving go dependencies
6:56:00 PM: Finished saving go dependencies
6:56:00 PM: Build script success
6:56:00 PM: Post processing - redirect rules
6:56:00 PM: Post processing done
6:56:01 PM: Uploading Cache of size 136.8MB
6:56:03 PM: Finished processing build request in 24.783448109s
6:56:03 PM: Site is live :sparkles:

Hi @JoeNeedham

You are deploying the public directory instead of the build directory which is where React builds to as suggesting in this line

1 Like

Thanks! I literally thought you had to point it to the public folder so it can read my redirect file. Idk why though. Appreciate you.