반응형
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
반응형
'programing' 카테고리의 다른 글
워드프레스, pre_get_posts에 여러 meta_key가 있습니다. (0) | 2023.02.26 |
---|---|
React에서 증분 연산자를 사용하는 방법 (0) | 2023.02.26 |
PHP로 WordPress 플러그인에서 텍스트 파일로 쓰기 (0) | 2023.02.26 |
키보드 회피 Scroll View를 사용한 표시 회피 (0) | 2023.02.26 |
jQuery: 동기 AJAX 요청 수행 중 (0) | 2023.02.26 |