Successful Build, Blank Page, Console errors 400 (css files)`

I’ve tried almost everything people have suggested to try to get my site to load. It looks like my deployments are successful but I still do not see my content load on my url: https://objective-bassi-45e31b.netlify.app/. There are errors in the console which I still cannot figure out how to resolve.

Things I’ve tried:

  • Adjusting the deploy settings to have a base directory and public directory.
  • Adding homepage: '.' to my package.json
  • Changing the serviceWorker in my index JS to import unregister()

Console errors from site url:

Deploy log:

7:23:08 PM: build-image version: b0258b965567defc4a2d7e2f2dec2e00c8f73ad6
7:23:08 PM: build-image tag: v3.4.1
7:23:08 PM: buildbot version: fcbc7a79f7372e5995cf02954ef19fc48d20c871
7:23:08 PM: Fetching cached dependencies
7:23:08 PM: Starting to download cache of 136.7MB
7:23:12 PM: Finished downloading cache in 3.588634587s
7:23:12 PM: Starting to extract cache
7:23:18 PM: Finished extracting cache in 5.848329467s
7:23:18 PM: Finished fetching cache in 9.483165s
7:23:18 PM: Starting to prepare the repo for build
7:23:18 PM: Preparing Git Reference refs/heads/master
7:23:19 PM: Different build dir detected, going to use the one specified in the Netlify configuration file: '' versus '/' in the Netlify UI
7:23:20 PM: Starting build script
7:23:20 PM: Installing dependencies
7:23:20 PM: Python version set to 2.7
7:23:20 PM: Started restoring cached node version
7:23:23 PM: Finished restoring cached node version
7:23:23 PM: v12.18.0 is already installed.
7:23:24 PM: Now using node v12.18.0 (npm v6.14.4)
7:23:24 PM: Started restoring cached build plugins
7:23:24 PM: Finished restoring cached build plugins
7:23:24 PM: Attempting ruby version 2.7.1, read from environment
7:23:26 PM: Using ruby version 2.7.1
7:23:26 PM: Using PHP version 5.6
7:23:26 PM: 5.2 is already installed.
7:23:26 PM: Using Swift version 5.2
7:23:26 PM: Started restoring cached node modules
7:23:26 PM: Finished restoring cached node modules
7:23:26 PM: Started restoring cached go cache
7:23:26 PM: Finished restoring cached go cache
7:23:26 PM: go version go1.14.4 linux/amd64
7:23:26 PM: go version go1.14.4 linux/amd64
7:23:26 PM: Installing missing commands
7:23:26 PM: Verify run directory
7:23:27 PM: ​
7:23:27 PM: ┌─────────────────────────────┐
7:23:27 PM: │        Netlify Build        │
7:23:27 PM: └─────────────────────────────┘
7:23:27 PM: ​
7:23:27 PM: ❯ Version
7:23:27 PM:   @netlify/build 3.3.0
7:23:27 PM: ​
7:23:27 PM: ❯ Flags
7:23:27 PM:   deployId: 5f3c8d0ad32370000742c1ad
7:23:27 PM:   mode: buildbot
7:23:28 PM: ​
7:23:28 PM: ❯ Current directory
7:23:28 PM:   /opt/build/repo
7:23:28 PM: ​
7:23:28 PM: ❯ Config file
7:23:28 PM:   No config file was defined: using default values.
7:23:28 PM: ​
7:23:28 PM: ❯ Context
7:23:28 PM:   production
7:23:28 PM: ​
7:23:28 PM: ┌───────────────────────────────────┐
7:23:28 PM: │ 1. Build command from Netlify app │
7:23:28 PM: └───────────────────────────────────┘
7:23:28 PM: ​
7:23:28 PM: $ npm run build
7:23:28 PM: > resume@0.1.0 build /opt/build/repo
7:23:28 PM: > CI= react-scripts build
7:23:29 PM: Browserslist: caniuse-lite is outdated. Please run next command `npm update caniuse-lite browserslist`
7:23:30 PM: Creating an optimized production build...
7:23:35 PM: Compiled successfully.
7:23:35 PM: 
7:23:35 PM: File sizes after gzip:
7:23:35 PM:   34.64 KB  build/static/js/1.6eb6405c.chunk.js
7:23:35 PM:   3.08 KB   build/static/js/main.6835d5b6.chunk.js
7:23:35 PM:   763 B     build/static/js/runtime~main.4a686d48.js
7:23:35 PM:   262 B     build/static/css/main.0fe13cb3.chunk.css
7:23:35 PM: The project was built assuming it is hosted at ./.
7:23:35 PM: You can control this with the homepage field in your package.json.
7:23:35 PM: The build folder is ready to be deployed.
7:23:35 PM: Find out more about deployment here:
7:23:35 PM:   http://bit.ly/CRA-deploy
7:23:35 PM: ​
7:23:35 PM: (build.command completed in 7.8s)
7:23:35 PM: ​
7:23:35 PM: ┌─────────────────────────────┐
7:23:35 PM: │   Netlify Build Complete    │
7:23:35 PM: └─────────────────────────────┘
7:23:35 PM: ​
7:23:35 PM: (Netlify Build completed in 7.8s)
7:23:35 PM: Caching artifacts
7:23:35 PM: Started saving node modules
7:23:35 PM: Finished saving node modules
7:23:35 PM: Started saving build plugins
7:23:35 PM: Finished saving build plugins
7:23:35 PM: Started saving pip cache
7:23:36 PM: Finished saving pip cache
7:23:36 PM: Started saving emacs cask dependencies
7:23:36 PM: Finished saving emacs cask dependencies
7:23:36 PM: Started saving maven dependencies
7:23:36 PM: Finished saving maven dependencies
7:23:36 PM: Started saving boot dependencies
7:23:36 PM: Finished saving boot dependencies
7:23:36 PM: Started saving go dependencies
7:23:36 PM: Finished saving go dependencies
7:23:36 PM: Build script success
7:23:36 PM: Starting to deploy site from 'public'
7:23:36 PM: Creating deploy tree 
7:23:36 PM: Creating deploy upload records
7:23:36 PM: 1 new files to upload
7:23:36 PM: 0 new functions to upload
7:23:36 PM: Starting post processing
7:23:36 PM: Post processing - HTML
7:23:36 PM: Post processing - header rules
7:23:36 PM: Post processing - redirect rules
7:23:36 PM: Post processing done
7:23:37 PM: Site is live
7:23:58 PM: Finished processing build request in 50.133014203s```

**Package.json:**
    ```{
  "name": "resume",
  "homepage": ".",
  "version": "0.1.0",
  "private": true,
  "dependencies": {
    "react": "^16.6.0",
    "react-dom": "^16.6.0",
    "react-scripts": "2.1.1"
  },
  "scripts": {
    "start": "react-scripts start",
    "build": "CI= react-scripts build",
    "test": "react-scripts test",
    "eject": "react-scripts eject"
  },
  "eslintConfig": {
    "extends": "react-app"
  },
  "browserslist": [
    ">0.2%",
    "not dead",
    "not ie <= 11",
    "not op_mini all"
  ]
}```

hi there, can you post a screenshot of your current build settings? also, is your repo public so we can take a look?

yup! just made it viewable

do you got any ideas on how to troubleshoot maybe?

@codengjon You have a bunch of links that look like:

<link rel="stylesheet" href="%PUBLIC_URL%/css/default.css">

A good starting point would be to replace %PUBLIC_URL% with a good value so your assets will load.