My code:
import React from 'react';
import ReactDOM from 'react-dom';
import App from './App';
ReactDOM.render(<div><App/><h1> Hello </h1></div>,document.getElementById('root'));
my App.js
import React from "react";
import "bootstrap/dist/css/bootstrap.min.css";
import { BrowserRouter as Router, Route} from "react-router-dom";
import Navbar from "./components/navbar.component"
import ExercisesList from "./components/exercises-list.component";
import EditExercise from "./components/edit-exercise.component";
import CreateExercise from "./components/create-exercise.component";
import CreateUser from "./components/create-user.component";
function App() {
return (
<Router>
<div className="container">
<Navbar />
<br/>
<Route path="/" exact component={ExercisesList} />
<Route path="/edit/:id" component={EditExercise} />
<Route path="/create" component={CreateExercise} />
<Route path="/user" component={CreateUser} />
</div>
</Router>
);
}
export default App;
It renders a blank white page but shows no error! App js contains a Nav Bar and other links I also use react router dom could something be wrong with that??
<h1> Hello </h1>
rendered? What version ofreact-router-dom
do you have installed? You can check by runningnpm list react-router-dom
from your project's directory. What is the error you are seeing? Please include all relevant details in your question. What debugging have you done? Does theNavbar
render alone? The routes, alone? etc...react-router-dom@6.2.2
It shows no error on the terminal