programing

React-Router - Uncaught TypeError: 정의되지 않은 속성 'getCurrentLocation'을 읽을 수 없습니다.

codeshow 2023. 2. 26. 10:20
반응형

React-Router - Uncaught TypeError: 정의되지 않은 속성 'getCurrentLocation'을 읽을 수 없습니다.

최신 버전을 사용하고 있습니다.react-router(버전 ^3.0.0).

ES5를 사용하여 다음 루팅을 작성했습니다.

routes.js:

var React = require("react");
var Router = require("react-router");
var AuthorPage = require('./components/authors/authorPage')
var App = require('./components/app')
var Route = Router.Route;

var routes = (
    <Route path="/" component={App}>
        <Route path="authors" component={AuthorPage}/>
     </Route>
);

module.exports = routes;

라고 하는 다른 JS 파일에서main.js다음의 콜을 실행합니다.

main.js:

var React= require("react");
var ReactDom = require("react-dom");
var Router = require('react-router').Router;
var routes = require('./routes');
ReactDom.render(<Router routes={routes}></Router>, document.getElementById('app'));

코드를 실행하면 Google Chrome 개발자 도구에서 다음과 같은 예외가 발생합니다.

Uncaughed TypeError: 정의되지 않은 속성 'getCurrentLocation'을 읽을 수 없습니다.

왜 그런 것일까요?제가 무엇을 빠뜨리고 있나요?

이력을 전달하지 않습니다.<Router>.

자세한 것은, 이력 문서를 참조해 주세요.

동일한 오류가 발생하여 다음과 같이 해결:

더하다

var hashHistory = ReactRouter.hashHistory;

라우터에서 history를 hashHistory와 동일하게 설정합니다.

<Router history={hashHistory}>

고객님의 경우:

var routes = (
<Router history={hashHistory}>
    <Route path="/" component={App}>
        <Route path="authors" component={AuthorPage}/>
     </Route>
</Router>
);

언급URL : https://stackoverflow.com/questions/40872481/react-router-uncaught-typeerror-cannot-read-property-getcurrentlocation-of

반응형