Home
Support Forums

Deployed React website is live but only shows a blank page

Been stuck on this problem for days, please help!

Website : https://gallant-mcclintock-9e3fa0.netlify.app/

Repository of site I’m trying to deploy: https://github.com/winstonl4m/finance-tracker

Deploy log:
────────────────────────────────────────────────────────────────
11:55:13 AM: Netlify Build
11:55:13 AM: ────────────────────────────────────────────────────────────────
11:55:13 AM: ​
11:55:13 AM: ❯ Version
11:55:13 AM: @netlify/build 18.7.3
11:55:13 AM: ​
11:55:13 AM: ❯ Flags
11:55:13 AM: baseRelDir: true
11:55:13 AM: buildId: 61326f40fece256d69f79e55
11:55:13 AM: deployId: 61326f40fece256d69f79e57
11:55:13 AM: ​
11:55:13 AM: ❯ Current directory
11:55:13 AM: /opt/build/repo
11:55:13 AM: ​
11:55:13 AM: ❯ Config file
11:55:13 AM: No config file was defined: using default values.
11:55:13 AM: ​
11:55:13 AM: ❯ Context
11:55:13 AM: production
11:55:13 AM: ​
11:55:13 AM: ────────────────────────────────────────────────────────────────
11:55:13 AM: 1. Build command from Netlify app
11:55:13 AM: ────────────────────────────────────────────────────────────────
11:55:13 AM: ​
11:55:13 AM: $ CI= npm run build
11:55:13 AM: > finance-tracker@0.1.0 build
11:55:13 AM: > react-scripts build
11:55:15 AM: Creating an optimized production build…
11:55:43 AM: Compiled with warnings.
11:55:43 AM:
11:55:43 AM: src/components/ExpenseItem.js
11:55:43 AM: Line 27:17: The href attribute is required for an anchor to be keyboard accessible. Provide a valid, navigable address as the href value. If you cannot provide an href, but still need the element to resemble a link, use a button and change it with appropriate styles. Learn more: https://github.com/evcohen/eslint-plugin-jsx-a11y/blob/master/docs/rules/anchor-is-valid.md jsx-a11y/anchor-is-valid
11:55:43 AM: src/components/ExpenseList.js
11:55:43 AM: Line 19:8: React Hook useEffect has a missing dependency: ‘saveLocalExpenses’. Either include it or remove the dependency array react-hooks/exhaustive-deps
11:55:43 AM: Line 91:11: ‘getLocalExpenses’ is assigned a value but never used no-unused-vars
11:55:43 AM: Search for the keywords to learn more about each warning.
11:55:43 AM: To ignore, add // eslint-disable-next-line to the line before.
11:55:43 AM: File sizes after gzip:
11:55:43 AM: 89.98 KB build/static/js/2.bcac3493.chunk.js
11:55:43 AM: 23.25 KB build/static/css/2.4c97ca4f.chunk.css
11:55:43 AM: 2.5 KB build/static/js/main.be672bd9.chunk.js
11:55:43 AM: 1.63 KB build/static/js/3.7912cf09.chunk.js
11:55:43 AM: 1.17 KB build/static/js/runtime-main.65ed2300.js
11:55:43 AM: 587 B build/static/css/main.dd4873e9.chunk.css
11:55:43 AM: The project was built assuming it is hosted at ./.
11:55:43 AM: You can control this with the homepage field in your package.json.
11:55:43 AM: The build folder is ready to be deployed.
11:55:43 AM: Find out more about deployment here:
11:55:43 AM: Deployment | Create React App
11:55:43 AM: ​
11:55:43 AM: (build.command completed in 29.9s)
11:55:43 AM: ​
11:55:43 AM: ────────────────────────────────────────────────────────────────
11:55:43 AM: 2. Deploy site
11:55:43 AM: ────────────────────────────────────────────────────────────────
11:55:43 AM: ​
11:55:43 AM: Starting to deploy site from ‘build’
11:55:43 AM: Creating deploy tree
11:55:43 AM: Creating deploy upload records
11:55:43 AM: 6 new files to upload
11:55:43 AM: 0 new functions to upload
11:55:43 AM: Site deploy was successfully initiated
11:55:43 AM: ​
11:55:43 AM: (Deploy site completed in 500ms)
11:55:43 AM: ​
11:55:43 AM: ────────────────────────────────────────────────────────────────
11:55:43 AM: Netlify Build Complete
11:55:43 AM: ────────────────────────────────────────────────────────────────
11:55:43 AM: ​
11:55:43 AM: (Netlify Build completed in 30.5s)
11:55:43 AM: Starting post processing
11:55:43 AM: Post processing - HTML
11:55:43 AM: Post processing - header rules
11:55:43 AM: Post processing - redirect rules
11:55:44 AM: Post processing done
11:55:44 AM: Caching artifacts
11:55:44 AM: Started saving node modules
11:55:44 AM: Finished saving node modules
11:55:44 AM: Started saving build plugins
11:55:44 AM: Finished saving build plugins
11:55:44 AM: Started saving pip cache
11:55:44 AM: Finished saving pip cache
11:55:44 AM: Started saving emacs cask dependencies
11:55:44 AM: Finished saving emacs cask dependencies
11:55:44 AM: Started saving maven dependencies
11:55:44 AM: Finished saving maven dependencies
11:55:44 AM: Started saving boot dependencies
11:55:44 AM: Site is live :sparkles:
11:55:44 AM: Finished saving boot dependencies
11:55:44 AM: Started saving rust rustup cache
11:55:44 AM: Finished saving rust rustup cache
11:55:44 AM: Started saving go dependencies
11:55:44 AM: Finished saving go dependencies
11:55:46 AM: Build script success
11:56:15 AM: Finished processing build request in 2m21.443679883s

Hey there, @winstonl4m :wave:

Welcome to the Netlify Forums! We are glad you found us. Have you seen this thread? Another member had a similar issue and shared their solution in it:

Console errors might hold the answer to the blank page @winstonl4m.

I tested building locally and receive the same error in Remaining.js.

1 Like

Thanks, I realized that the problem is with my initial state in my AppContext.js, works now!

Good spot, @coelmay! Glad everything is now working, @winstonl4m :netliconfetti: