React Router basenameを動作させるにはどうすればいいですか

Question

私の反応アプリをIE Edgeブラウザのファイルシステムで動作させようとしています。これまで私はこれまでこれを得てきた。

import { createHistory, useBasename } from 'history' 
let appHistory = useBasename(createHistory)({ 
    basename: '/build' 
}); 
<Router history={appHistory}> 
<Route path={window.location.pathname} component={App}> 

そして、私は実際にページをレンダリング見ることができるこの方法が、ルートは、私はまた、エッジブラウザのファイルで、このパスを取得 動作しません：/// C：/ C：/ ...などなぜ2つのC：/がありますか？ Chromeで

私はこのエラー

捕捉されないのDOMExceptionを取得するには、 '歴史' on 'にpushState' の実行に失敗しました：URLと 履歴状態オブジェクト 'ファイルを：/// C：/ビルド/ Windowsの'null'とURL 'file：/// C：/src/myproject/build/index.html'を含むドキュメントには を作成できません。

Answer 1

あなたが代わりにuseBaseNameのuseRouterHistoryを使用する必要があります。

import { Router, Route, useRouterHistory } from 'react-router' 
import createBrowserHistory from 'history/lib/createBrowserHistory' 

const history = useRouterHistory(createBrowserHistory)({ 
    basename: '/dist' 
}); 

<Router history={history}> 
    <Route path="/" component={App} /> 
</Router>