URL이 React Routes에서 변경되지 않습니다.

Question

React-Router를 애플리케이션에 구현하려고합니다. index.js에 라우터를 초기화했는데 제대로 작동합니다. 하지만 브라우저의 URL은 변경되지 않고 콘솔에이 오류가 발생합니다.

경고 : [react-router]`Router`는 더 이상 히스토리가 해쉬 히스토리로 디폴트하지 않습니다. 대신에`hashHistory` 싱글 톤을 사용하십시오.

하는 index.js

import 'core-js/fn/object/assign'; 
import React from 'react'; 
import ReactDOM from 'react-dom'; 
import { Router, Route, browserHistory,IndexRoute } from 'react-router'; 

// Custom Components 
import App from './components/Main'; 
import Dashboard from './components/containers/Dashboard'; 
import Settings from './components/containers/Settings'; 
import Workspace from './components/containers/Workspace'; 
import Main from './components/Main'; 

ReactDOM.render((

    <Router histrory={browserHistory}> 
    <Route path="/" component={Main}> 
     <IndexRoute component={Dashboard}></IndexRoute> 
     <Route path="/workspace" component={Workspace}></Route> 
     <Route path="/dashboard" component={Dashboard}></Route> 
     <Route path="/settings" component={Settings}></Route> 
    </Route> 
    </Router> 


), document.getElementById('app')); 

Main.js

require('normalize.css/normalize.css'); 
require('styles/App.scss'); 

//Import Custom Components 
import React from 'react'; 
import { Router, Route,Link, browserHistory } from 'react-router'; 

import Sidenav from './containers/Sidenav'; 
import Page from './Page'; 


class AppComponent extends React.Component { 
    render() { 
    return (
     <div> 
     <Sidenav /> 
     <div className="page-wrap"> 
      {this.props.children} 
     </div> 
     </div> 
    ); 
    } 
} 

AppComponent.defaultProps = { 
}; 
export default AppComponent; 

경로가 잘 작동 및 구성 요소가 올바르게 렌더링지고 있습니다. 이것을 URL로 묶으시기 바랍니다.

미리 감사드립니다. - 역사의 역사

Answer 1

을 당신은 <Router histrory={browserHistory}>에 오타가 있나요? 그 코드가 오타가 되었습니까?