Create react app deployment bug

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:

  1. Adding _redirects file in public folder with the following text /* /index.html 200

  2. Adding a netlify.toml file with the following text
    [[redirects]] from = "/*" to = "/index.html" status = 200

  3. I’ve tried all sorts of ‘baseName’ attributes on the BrowserRouter tags within my index.js file. 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 :slight_smile:

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 :sparkles:
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

Hey there, @coopt123 :wave:

I can see your website and follow all the links. This is what I see when I follow the link you provided:

The only links that do not produce anything are Canoe Club and Poppn Co. Is this expected? Should there be images or text there?

Let us know if you have made progress on this since you wrote in three days ago!