React-router-domで404が表示されてしまう

Question

urlを直打ちしてReact-routerがちゃんと動いているか確かめたのですが、"/grammer"の部分が404表示されてしまいます。同じ様に質問を他で見つけindexファイルのheadにbaseを追加、もしくはjsonの設定を変更する必要があると見ているのですが上手くいきません。どなたかご教示頂けますと幸いです。

import React from 'react';
import ReactDOM from 'react-dom';
import {BrowserRouter, Route, Link} from 'react-router-dom';
import Login from './components/Login';
import Grammer from './components/Grammer';

const routes = (
<BrowserRouter>
<div>
<Route exact path="/" component={Login}/>
<Route path="/grammer" component={Grammer}/> //この部分が404となってしまいます
</div>
</BrowserRouter>
);

ReactDOM.render(routes, document.getElementById('app'));