Hi,
I have been having trouble with my create-react-app deployment to Netlify. I know this has been a mentioned problem for many, but it seems none of the suggestions / answers have been working for me. My site is working fine locally during development on localhost://3000, but when deploying, the build shows no errors in devTools and will not render anything within the <div id="root"></div>.
I have tried the following:
-
Adding _redirects file in public folder with the following text
/* /index.html 200 -
Adding a netlify.toml file with the following text
[[redirects]] from = "/*" to = "/index.html" status = 200 -
I’ve tried all sorts of ‘baseName’ attributes on the
BrowserRoutertags within myindex.jsfile. To no avail.
Looking for any help regarding this error and bug, and I am willing to show whatever necessary to help the process.
Thanks ahead of time! Hope this can be resolved quickly 
Github Repo: GitHub - coopterrones/portfolio
Sitename: https://www.coop.design
Build Log:
12:18:38 PM: Build ready to start
12:18:40 PM: build-image version: be42e453d6c8f171cc2f654acc29c0a8b60e6d93
12:18:40 PM: build-image tag: v3.7.1
12:18:40 PM: buildbot version: ff1143e5aee8cdc278c6a1d894e1492e111e3b98
12:18:40 PM: Fetching cached dependencies
12:18:40 PM: Starting to download cache of 118.5MB
12:18:42 PM: Finished downloading cache in 2.045568648s
12:18:42 PM: Starting to extract cache
12:18:47 PM: Finished extracting cache in 4.70126911s
12:18:47 PM: Finished fetching cache in 6.779949025s
12:18:47 PM: Starting to prepare the repo for build
12:18:48 PM: Preparing Git Reference refs/heads/main
12:18:50 PM: Different publish path detected, going to use the one specified in the Netlify configuration file: ‘build’ versus ‘build/’ in the Netlify UI
12:18:50 PM: Starting build script
12:18:50 PM: Installing dependencies
12:18:50 PM: Python version set to 2.7
12:18:50 PM: Started restoring cached node version
12:18:53 PM: Finished restoring cached node version
12:18:54 PM: v12.18.0 is already installed.
12:18:54 PM: Now using node v12.18.0 (npm v6.14.4)
12:18:54 PM: Started restoring cached build plugins
12:18:54 PM: Finished restoring cached build plugins
12:18:55 PM: Attempting ruby version 2.7.1, read from environment
12:18:56 PM: Using ruby version 2.7.1
12:18:56 PM: Using PHP version 5.6
12:18:56 PM: Started restoring cached node modules
12:18:56 PM: Finished restoring cached node modules
12:18:56 PM: Installing NPM modules using NPM version 6.14.4
12:19:09 PM: npm WARN react-scroll@1.8.1 requires a peer of react@^15.5.4 || ^16.0.0 but none is installed. You must install peer dependencies yourself.
12:19:09 PM: npm WARN react-scroll@1.8.1 requires a peer of react-dom@^15.5.4 || ^16.0.0 but none is installed. You must install peer dependencies yourself.
12:19:09 PM: npm WARN tsutils@3.20.0 requires a peer of typescript@>=2.8.0 || >= 3.2.0-dev || >= 3.3.0-dev || >= 3.4.0-dev || >= 3.5.0-dev || >= 3.6.0-dev || >= 3.6.0-beta || >= 3.7.0-dev || >= 3.7.0-beta but none is installed. You must install peer dependencies yourself.
12:19:09 PM: npm WARN optional SKIPPING OPTIONAL DEPENDENCY: fsevents@2.3.2 (node_modules/fsevents):
12:19:09 PM: npm WARN notsup SKIPPING OPTIONAL DEPENDENCY: Unsupported platform for fsevents@2.3.2: wanted {“os”:“darwin”,“arch”:“any”} (current: {“os”:“linux”,“arch”:“x64”})
12:19:09 PM: npm WARN optional SKIPPING OPTIONAL DEPENDENCY: fsevents@1.2.13 (node_modules/watchpack-chokidar2/node_modules/fsevents):
12:19:09 PM: npm WARN notsup SKIPPING OPTIONAL DEPENDENCY: Unsupported platform for fsevents@1.2.13: wanted {“os”:“darwin”,“arch”:“any”} (current: {“os”:“linux”,“arch”:“x64”})
12:19:09 PM: npm WARN optional SKIPPING OPTIONAL DEPENDENCY: fsevents@1.2.13 (node_modules/webpack-dev-server/node_modules/fsevents):
12:19:09 PM: npm WARN notsup SKIPPING OPTIONAL DEPENDENCY: Unsupported platform for fsevents@1.2.13: wanted {“os”:“darwin”,“arch”:“any”} (current: {“os”:“linux”,“arch”:“x64”})
12:19:09 PM: audited 2065 packages in 12.113s
12:19:11 PM: 126 packages are looking for funding
12:19:11 PM: run npm fund for details
12:19:11 PM: found 2 vulnerabilities (1 moderate, 1 high)
12:19:11 PM: run npm audit fix to fix them, or npm audit for details
12:19:11 PM: NPM modules installed
12:19:11 PM: Started restoring cached go cache
12:19:11 PM: Finished restoring cached go cache
12:19:11 PM: go version go1.14.4 linux/amd64
12:19:11 PM: go version go1.14.4 linux/amd64
12:19:11 PM: Installing missing commands
12:19:11 PM: Verify run directory
12:19:13 PM:
12:19:13 PM: ────────────────────────────────────────────────────────────────
12:19:13 PM: Netlify Build
12:19:13 PM: ────────────────────────────────────────────────────────────────
12:19:13 PM:
12:19:13 PM: ❯ Version
12:19:13 PM: @netlify/build 11.2.4
12:19:13 PM:
12:19:13 PM: ❯ Flags
12:19:13 PM: deployId: 60830f7e799af20007d00e57
12:19:13 PM:
12:19:13 PM: ❯ Current directory
12:19:13 PM: /opt/build/repo
12:19:13 PM:
12:19:13 PM: ❯ Config file
12:19:13 PM: /opt/build/repo/netlify.toml
12:19:13 PM:
12:19:13 PM: ❯ Context
12:19:13 PM: production
12:19:13 PM:
12:19:13 PM: ────────────────────────────────────────────────────────────────
12:19:13 PM: 1. Build command from Netlify app
12:19:13 PM: ────────────────────────────────────────────────────────────────
12:19:13 PM:
12:19:13 PM: $ npm run build
12:19:13 PM: > portfolio@0.1.0 build /opt/build/repo
12:19:13 PM: > react-scripts build
12:19:15 PM: Creating an optimized production build…
12:19:22 PM: Compiled successfully.
12:19:22 PM:
12:19:22 PM: File sizes after gzip:
12:19:22 PM: 56.86 KB build/static/js/2.51572a77.chunk.js
12:19:22 PM: 2.02 KB build/static/js/main.ec1ea61e.chunk.js
12:19:22 PM: 905 B build/static/css/main.885ba9b3.chunk.css
12:19:22 PM: 772 B build/static/js/runtime-main.d0605945.js
12:19:22 PM: The project was built assuming it is hosted at /.
12:19:22 PM: You can control this with the homepage field in your package.json.
12:19:22 PM: The build folder is ready to be deployed.
12:19:22 PM: You may serve it with a static server:
12:19:22 PM: npm install -g serve
12:19:22 PM: serve -s build
12:19:22 PM: Find out more about deployment here:
12:19:22 PM: Deployment | Create React App
12:19:22 PM:
12:19:22 PM: (build.command completed in 9.5s)
12:19:22 PM:
12:19:22 PM: ────────────────────────────────────────────────────────────────
12:19:22 PM: 2. Deploy site
12:19:22 PM: ────────────────────────────────────────────────────────────────
12:19:22 PM:
12:19:22 PM: Starting to deploy site from ‘build’
12:19:22 PM: Creating deploy tree
12:19:22 PM: Creating deploy upload records
12:19:22 PM: 0 new files to upload
12:19:22 PM: 0 new functions to upload
12:19:22 PM: Site deploy was successfully initiated
12:19:22 PM:
12:19:22 PM: (Deploy site completed in 106ms)
12:19:22 PM:
12:19:22 PM: ────────────────────────────────────────────────────────────────
12:19:22 PM: Netlify Build Complete
12:19:22 PM: ────────────────────────────────────────────────────────────────
12:19:22 PM:
12:19:22 PM: (Netlify Build completed in 9.7s)
12:19:22 PM: Starting post processing
12:19:22 PM: Post processing - HTML
12:19:22 PM: Post processing - header rules
12:19:23 PM: Post processing - redirect rules
12:19:23 PM: Post processing done
12:19:23 PM: Caching artifacts
12:19:23 PM: Started saving node modules
12:19:23 PM: Finished saving node modules
12:19:23 PM: Started saving build plugins
12:19:23 PM: Finished saving build plugins
12:19:23 PM: Started saving pip cache
12:19:23 PM: Finished saving pip cache
12:19:23 PM: Started saving emacs cask dependencies
12:19:23 PM: Finished saving emacs cask dependencies
12:19:23 PM: Started saving maven dependencies
12:19:23 PM: Finished saving maven dependencies
12:19:23 PM: Started saving boot dependencies
12:19:23 PM: Site is live 
12:19:23 PM: Finished saving boot dependencies
12:19:23 PM: Started saving rust rustup cache
12:19:23 PM: Finished saving rust rustup cache
12:19:23 PM: Started saving go dependencies
12:19:23 PM: Finished saving go dependencies
12:19:23 PM: Build script success
12:19:43 PM: Finished processing build request in 1m2.458753607s
