Hi, this is the first time I use netlify and I am trying to host a react website. The deploy log has nothing wrong and it says the site is deployed and launched but when I open the permalink and it only shows a white page and F12 tells me 404. The log is pasted below
9:23:10 PM: Build ready to start
9:23:20 PM: build-image version: d7b3dbfb0846505993c9a131894d1858074c90b4 (focal)
9:23:20 PM: build-image tag: v4.10.1
9:23:20 PM: buildbot version: 2a8b421219da5ccbdc68429ef8a83ca0b63d4f78
9:23:20 PM: Fetching cached dependencies
9:23:20 PM: Starting to download cache of 212.5MB
9:23:21 PM: Finished downloading cache in 1.310612992s
9:23:21 PM: Starting to extract cache
9:23:24 PM: Finished extracting cache in 2.791390744s
9:23:24 PM: Finished fetching cache in 4.179147239s
9:23:24 PM: Starting to prepare the repo for build
9:23:24 PM: Preparing Git Reference refs/heads/gh-pages
9:23:25 PM: Parsing package.json dependencies
9:23:26 PM: Starting build script
9:23:26 PM: Installing dependencies
9:23:26 PM: Python version set to 2.7
9:23:26 PM: Started restoring cached node version
9:23:26 PM: Finished restoring cached node version
9:23:27 PM: v16.16.0 is already installed.
9:23:27 PM: Now using node v16.16.0 (npm v8.11.0)
9:23:27 PM: Started restoring cached build plugins
9:23:27 PM: Finished restoring cached build plugins
9:23:27 PM: Attempting ruby version 2.7.2, read from environment
9:23:28 PM: Using ruby version 2.7.2
9:23:28 PM: Using PHP version 8.0
9:23:28 PM: Started restoring cached yarn cache
9:23:31 PM: Finished restoring cached yarn cache
9:23:31 PM: No yarn workspaces detected
9:23:31 PM: Started restoring cached node modules
9:23:31 PM: Finished restoring cached node modules
9:23:32 PM: Installing NPM modules using Yarn version 1.22.10
9:23:32 PM: npm WARN config tmp This setting is no longer used. npm stores temporary files in a special
9:23:32 PM: npm WARN config location in the cache, and they are managed by
9:23:32 PM: npm WARN config cacache.
9:23:32 PM: yarn install v1.22.10
9:23:32 PM: [1/4] Resolving packages…
9:23:32 PM: success Already up-to-date.
9:23:32 PM: Done in 0.47s.
9:23:32 PM: NPM modules installed using Yarn
9:23:32 PM: Started restoring cached go cache
9:23:32 PM: Finished restoring cached go cache
9:23:32 PM: Installing Go version 1.17 (requested 1.17)
9:23:37 PM: unset GOOS;
9:23:37 PM: unset GOARCH;
9:23:37 PM: export GOROOT=‘/opt/buildhome/.gimme/versions/go1.17.linux.amd64’;
9:23:37 PM: export PATH=“/opt/buildhome/.gimme/versions/go1.17.linux.amd64/bin:${PATH}”;
9:23:37 PM: go version >&2;
9:23:37 PM: export GIMME_ENV=“/opt/buildhome/.gimme/env/go1.17.linux.amd64.env”
9:23:37 PM: go version go1.17 linux/amd64
9:23:37 PM: Installing missing commands
9:23:37 PM: Verify run directory
9:23:38 PM:
9:23:38 PM: ────────────────────────────────────────────────────────────────
9:23:38 PM: Netlify Build
9:23:38 PM: ────────────────────────────────────────────────────────────────
9:23:38 PM:
9:23:38 PM: ❯ Version
9:23:38 PM: @netlify/build 27.11.3
9:23:38 PM:
9:23:38 PM: ❯ Flags
9:23:38 PM: baseRelDir: true
9:23:38 PM: buildId: 62f7272e47a7dc0009a4b58a
9:23:38 PM: deployId: 62f7272e47a7dc0009a4b58c
9:23:38 PM:
9:23:38 PM: ❯ Current directory
9:23:38 PM: /opt/build/repo
9:23:38 PM:
9:23:38 PM: ❯ Config file
9:23:38 PM: No config file was defined: using default values.
9:23:38 PM:
9:23:38 PM: ❯ Context
9:23:38 PM: production
9:23:38 PM:
9:23:38 PM: ────────────────────────────────────────────────────────────────
9:23:38 PM: 1. Build command from Netlify app
9:23:38 PM: ────────────────────────────────────────────────────────────────
9:23:38 PM:
9:23:38 PM: $ yarn build
9:23:38 PM: yarn run v1.22.10
9:23:38 PM: $ react-scripts build
9:23:39 PM: (node:1411) [DEP0148] DeprecationWarning: Use of deprecated folder mapping “./” in the “exports” field module resolution of the package at /opt/build/repo/node_modules/postcss-safe-parser/node_modules/postcss/package.json.
9:23:39 PM: Update this package.json to use a subpath pattern like “./*”.
9:23:39 PM: (Use node --trace-deprecation ... to show where the warning was created)
9:23:39 PM: Creating an optimized production build…
9:23:40 PM: Browserslist: caniuse-lite is outdated. Please run:
9:23:40 PM: npx browserslist@latest --update-db
9:23:40 PM: Why you should do it regularly:
9:23:40 PM: GitHub - browserslist/browserslist: 🦔 Share target browsers between different front-end tools, like Autoprefixer, Stylelint and babel-preset-env
9:23:47 PM: Compiled successfully.
9:23:47 PM:
9:23:47 PM: File sizes after gzip:
9:23:47 PM: 74.94 KB build/static/js/2.b8897d40.chunk.js
9:23:47 PM: 22.62 KB build/static/css/2.31ff0196.chunk.css
9:23:47 PM: 4.51 KB build/static/js/main.205f5652.chunk.js
9:23:47 PM: 3.05 KB build/static/css/main.c73e0707.chunk.css
9:23:47 PM: 1.4 KB build/static/js/3.aa83c1a7.chunk.js
9:23:47 PM: 1.18 KB build/static/js/runtime-main.2c15cd26.js
9:23:47 PM: The project was built assuming it is hosted at /Personal-Portfolio/.
9:23:47 PM: You can control this with the homepage field in your package.json.
9:23:47 PM: The build folder is ready to be deployed.
9:23:47 PM: Find out more about deployment here:
9:23:47 PM: Deployment | Create React App
9:23:47 PM: Done in 9.63s.
9:23:47 PM:
9:23:47 PM: (build.command completed in 9.7s)
9:23:47 PM:
9:23:47 PM: ────────────────────────────────────────────────────────────────
9:23:47 PM: 2. Deploy site
9:23:47 PM: ────────────────────────────────────────────────────────────────
9:23:47 PM:
9:23:47 PM: Starting to deploy site from ‘build’
9:23:47 PM: Creating deploy tree
9:23:47 PM: Creating deploy upload records
9:23:48 PM: 0 new files to upload
9:23:48 PM: 0 new functions to upload
9:23:48 PM: Site deploy was successfully initiated
9:23:48 PM:
9:23:48 PM: (Deploy site completed in 182ms)
9:23:48 PM:
9:23:48 PM: ────────────────────────────────────────────────────────────────
9:23:48 PM: Netlify Build Complete
9:23:48 PM: ────────────────────────────────────────────────────────────────
9:23:48 PM:
9:23:48 PM: (Netlify Build completed in 9.9s)
9:23:48 PM: Starting post processing
9:23:48 PM: Post processing - HTML
9:23:48 PM: Post processing - header rules
9:23:48 PM: Caching artifacts
9:23:48 PM: Started saving node modules
9:23:48 PM: Finished saving node modules
9:23:48 PM: Started saving build plugins
9:23:48 PM: Finished saving build plugins
9:23:48 PM: Started saving yarn cache
9:23:48 PM: Post processing - redirect rules
9:23:48 PM: Post processing done
9:23:50 PM: Finished saving yarn cache
9:23:50 PM: Started saving pip cache
9:23:50 PM: Finished saving pip cache
9:23:50 PM: Started saving emacs cask dependencies
9:23:50 PM: Finished saving emacs cask dependencies
9:23:50 PM: Started saving maven dependencies
9:23:50 PM: Finished saving maven dependencies
9:23:50 PM: Started saving boot dependencies
9:23:50 PM: Finished saving boot dependencies
9:23:50 PM: Started saving rust rustup cache
9:23:50 PM: Finished saving rust rustup cache
9:23:50 PM: Started saving go dependencies
9:23:50 PM: Finished saving go dependencies
9:23:50 PM: Build script success
9:23:51 PM: Site is live 
9:23:51 PM: Uploading Cache of size 212.2MB
9:23:53 PM: Finished processing build request in 32.883898124s