'React app builds successfully but shows white screen on chrome

if someone could help that'd be great. I am following a react tutorial except at some point chrome went blank. When I inspect the page, nothing is in the body html tags. The code compiles and builds successfully though. I'm thinking it's a stupid typo or something, but I am no pro. Please let me know if you find my error!

Terminal On Build

App.js

index.js

homepage index.js



Solution 1:[1]

you created the router but no routes. in app.js

import React from "react"
import {
  BrowserRouter as Router,
  Switch,
  Route
} from "react-router-dom"
import Home from './pages'
function App () {
  return (
    <Router>
      <Switch>
        <Route exact path="/">
          <Home />
        </Route>
      </Switch>
    </Router>
  );
}

export default App;

Solution 2:[2]

Hi all it was a problem in one of my components. The lack of error messages made me think it had something to do with the construction of the app.

Sources

This article follows the attribution requirements of Stack Overflow and is licensed under CC BY-SA 3.0.

Source: Stack Overflow

Solution Source
Solution 1 Adarsh
Solution 2 Samuel Fleischman