Build runs find both in terminal and netlify but crashes once deployed

[Verde92]

As per the title, after successfully deploying it crashes giving me the following errors, unsure how to proceed.

Site name: https://master--fervent-keller-43fcd5.netlify.app/
Repo: GitHub - davidemmolino/Recoilize-landing-page: Landing page for the Recoilize dev tool

Log:

10:31:48 PM: Build ready to start
10:31:50 PM: build-image version: b0258b965567defc4a2d7e2f2dec2e00c8f73ad6
10:31:50 PM: build-image tag: v3.4.1
10:31:50 PM: buildbot version: c6376102eedf4be6c6e5d685c7141e2eb612d47d
10:31:50 PM: Fetching cached dependencies
10:31:50 PM: Starting to download cache of 207.3MB
10:31:55 PM: Finished downloading cache in 4.623511562s
10:31:55 PM: Starting to extract cache
10:32:01 PM: Finished extracting cache in 6.390048417s
10:32:01 PM: Finished fetching cache in 11.059790401s
10:32:01 PM: Starting to prepare the repo for build
10:32:01 PM: Preparing Git Reference refs/heads/master
10:32:07 PM: Different publish path detected, going to use the one specified in the Netlify configuration file: 'build' versus 'build/' in the Netlify UI
10:32:07 PM: Starting build script
10:32:07 PM: Installing dependencies
10:32:07 PM: Python version set to 2.7
10:32:08 PM: Started restoring cached node version
10:32:11 PM: Finished restoring cached node version
10:32:11 PM: v12.18.0 is already installed.
10:32:12 PM: Now using node v12.18.0 (npm v6.14.4)
10:32:12 PM: Started restoring cached build plugins
10:32:12 PM: Finished restoring cached build plugins
10:32:12 PM: Attempting ruby version 2.7.1, read from environment
10:32:14 PM: Using ruby version 2.7.1
10:32:14 PM: Using PHP version 5.6
10:32:14 PM: 5.2 is already installed.
10:32:14 PM: Using Swift version 5.2
10:32:14 PM: Started restoring cached node modules
10:32:15 PM: Finished restoring cached node modules
10:32:16 PM: Started restoring cached go cache
10:32:16 PM: Finished restoring cached go cache
10:32:16 PM: go version go1.14.4 linux/amd64
10:32:16 PM: go version go1.14.4 linux/amd64
10:32:16 PM: Installing missing commands
10:32:16 PM: Verify run directory
10:32:17 PM: ​
10:32:17 PM: ┌─────────────────────────────┐
10:32:17 PM: │        Netlify Build        │
10:32:17 PM: └─────────────────────────────┘
10:32:17 PM: ​
10:32:17 PM: ❯ Version
10:32:17 PM:   @netlify/build 4.8.1
10:32:17 PM: ​
10:32:17 PM: ❯ Flags
10:32:17 PM:   deployId: 5f853bc4f65ec0000717ec8c
10:32:17 PM:   mode: buildbot
10:32:17 PM: ​
10:32:17 PM: ❯ Current directory
10:32:17 PM:   /opt/build/repo
10:32:17 PM: ​
10:32:17 PM: ❯ Config file
10:32:17 PM:   No config file was defined: using default values.
10:32:17 PM: ​
10:32:17 PM: ❯ Context
10:32:17 PM:   production
10:32:17 PM: ​
10:32:17 PM: ┌───────────────────────────────────┐
10:32:17 PM: │ 1. Build command from Netlify app │
10:32:17 PM: └───────────────────────────────────┘
10:32:17 PM: ​
10:32:17 PM: $ CI= npm run build
10:32:18 PM: > recoil-landing@0.1.0 build /opt/build/repo
10:32:18 PM: > react-scripts build
10:32:19 PM: Creating an optimized production build...
10:32:30 PM: Compiled with warnings.
10:32:30 PM: 
10:32:30 PM: ./src/Components/Navbar.tsx
10:32:30 PM:   Line 19:79:  Using target="_blank" without rel="noopener noreferrer" is a security risk: see https://mathiasbynens.github.io/rel-noopener  react/jsx-no-target-blank
10:32:30 PM:   Line 20:81:  Using target="_blank" without rel="noopener noreferrer" is a security risk: see https://mathiasbynens.github.io/rel-noopener  react/jsx-no-target-blank
10:32:30 PM: ./src/Components/Store/Atoms.tsx
10:32:30 PM:   Line 1:8:  'react' is defined but never used  @typescript-eslint/no-unused-vars
10:32:30 PM: ./src/Components/TvShowList.tsx
10:32:30 PM:   Line 7:10:  'id' is assigned a value but never used  @typescript-eslint/no-unused-vars
10:32:30 PM: Search for the keywords to learn more about each warning.
10:32:30 PM: To ignore, add // eslint-disable-next-line to the line before.
10:32:30 PM: File sizes after gzip:
10:32:30 PM:   56 KB    build/static/js/2.2166a439.chunk.js
10:32:30 PM:   3.24 KB  build/static/js/main.9dc0f98a.chunk.js
10:32:30 PM:   985 B    build/static/css/main.df368ee1.chunk.css
10:32:30 PM:   779 B    build/static/js/runtime-main.d968971e.js
10:32:30 PM: The project was built assuming it is hosted at ./.
10:32:30 PM: You can control this with the homepage field in your package.json.
10:32:30 PM: The build folder is ready to be deployed.
10:32:30 PM: Find out more about deployment here:
10:32:30 PM:   bit.ly/CRA-deploy
10:32:30 PM: ​
10:32:30 PM: (build.command completed in 13.2s)
10:32:30 PM: ​
10:32:30 PM: ┌─────────────────────────────┐
10:32:30 PM: │   Netlify Build Complete    │
10:32:30 PM: └─────────────────────────────┘
10:32:30 PM: ​
10:32:30 PM: (Netlify Build completed in 13.3s)
10:32:30 PM: Caching artifacts
10:32:30 PM: Started saving node modules
10:32:30 PM: Finished saving node modules
10:32:30 PM: Started saving build plugins
10:32:30 PM: Finished saving build plugins
10:32:30 PM: Started saving pip cache
10:32:31 PM: Finished saving pip cache
10:32:31 PM: Started saving emacs cask dependencies
10:32:31 PM: Finished saving emacs cask dependencies
10:32:31 PM: Started saving maven dependencies
10:32:31 PM: Finished saving maven dependencies
10:32:31 PM: Started saving boot dependencies
10:32:31 PM: Finished saving boot dependencies
10:32:31 PM: Started saving go dependencies
10:32:31 PM: Finished saving go dependencies
10:32:31 PM: Build script success
10:32:31 PM: Starting to deploy site from 'build'
10:32:31 PM: Creating deploy tree 
10:32:31 PM: Creating deploy upload records
10:32:31 PM: 6 new files to upload
10:32:31 PM: 0 new functions to upload
10:32:31 PM: Starting post processing
10:32:31 PM: Post processing - HTML
10:32:32 PM: Post processing - header rules
10:32:32 PM: Post processing - redirect rules
10:32:32 PM: Post processing done
10:32:32 PM: Site is live
10:33:01 PM: Finished processing build request in 1m11.38515547s

[Scott]

Looks like your assets aren’t rendered in the correct directory. Have you specified the correct publish directory? Are you building to the correct path?

This previous discussion is the sort of thing I think we’re seeing:

Site is live, but sill blank screen (react app)

My first time I deploy to Netlify. It is an existing github repo build on react. I managed to publish the site: 11:58:44 AM: Starting post processing 11:58:44 AM: Post processing done 11:58:44 AM: Site is live 11:59:21 AM: Finished processing build request in 1m33.997954007s But when I go to the link ( https://brave-lamarr-54a10a.netlify.app/ ) - it’s just a blank page. Is there a rookie mistake I did? Do I need the netlify.toml file and the use ‘build’ as publish directory? Here’s the …

[Verde92]

Hi @Scott
Thanks for your reply.
It looks like it is, but I’m not too sure?

SOLUTION: removed the base from netlify.toml and just kept the rest. Worked fine after that.

[Scott]

Your public directory doesn’t contain any of the files who are 404ing. Does your build generate them and move them in? You’ll need to do some digging to see why they don’t end up in the public directory

[Verde92]

Looks like after running the build everything gets bundled under the build dir.
Side question, does Netlify npm install? Or does it install the modules how they are present in my repo? Because one of the modules is being updated locally and we haven’t pushed those updates to the NPMjs site.

[perry]

we do definitely run an npm install on deploy - if you have a local module, we’ll need to get access somehow. Are you planning on making the module available via npm?

[Verde92]

Yes, we’re getting around to doing that.
Although that might only fix one problem.

Thanks!