White blank screen using React Router

Author: onlyfortestwebCreated Apr 5, 2019Updated Nov 29, 2024

I am use React Router for my web app, it will build successful but its just show blank white screen. Any body help to fix it. App.js

bash

import React, { Component } from 'react';
import { BrowserRouter as Router, Route } from 'react-router-dom';
import './App.css';
import Home from './Pages/Home.jsx';

class App extends Component {
  render() {
    return (
      <Router>
        <div>
          <Route exact path="/" Component={Home}/>
        </div>
      </Router>
    );
  }
}

export default App;

Home.jsx Code

bash

import React, { Component } from 'react';


class Home extends Component{
    render(){
        return(
            <div>
                <h2>Welcome</h2>
                <p>xc.b nldfgjkln ;fngd golnldf ng</p>
            </div>
        );
    }
}

export default Home;

Source: vuejs-templates/webpack

View original on GitHub View discussion on GitHub