ReactRouter 오류 "Uncaught Invariant Violation : 요소 유형이 잘못되었습니다."오류를 수정하는 방법?

Question

내가 ReactRouter에이 자습서를 시도 : https://www.kirupa.com/react/creating_single_page_app_react_using_react_router.htm

데모 페이지와 완전한 소스 코드는 여기 (JS는 HTML 파일에) : 나는 비슷한 구현하려고 할 때 https://www.kirupa.com/react/examples/react_router_final.htm

내가 오류 :

Uncaught Invariant Violation: Element type is invalid: expected a string (for built-in components) or a class/function (for composite components) but got: object. Check the render method of `ComponentRoot`. 

는 내가 눈치가 나는 Kirupa의 데모 애플리케이션 (위의 링크에서 완전한 소스 코드)의 반응 바벨 버전을 변경하는 경우에 :

<script src="https://cdnjs.cloudflare.com/ajax/libs/react/15.4.0/react.js"></script> 
<script src="https://cdnjs.cloudflare.com/ajax/libs/react/15.4.0/react-dom.js"></script> 
<script src="https://cdnjs.cloudflare.com/ajax/libs/react-router/4.0.0-0/react-router.js"></script> 
<script src="https://cdnjs.cloudflare.com/ajax/libs/babel-standalone/6.19.0/babel.min.js"></script> 

이 데모 응용 프로그램에서 같은 오류가 나타납니다. 따라서 React 또는 Babel 버전 변경으로 인해이 문제가 발생합니다.

이 데모 앱을 새로운 버전의 React 및 Babel과 함께 사용하려면 어떻게 수정해야합니까?

Answer 1

이 자습서는 react-router@2.x.x을 다루는 것으로 보이며 react-router@4.x.x을 사용했습니다. 이는 다른 접근 방식과 API로 완전히 다시 작성되었습니다.

v2를 사용하여 튜토리얼에 설명 된 API와 일치 시키거나 v4 (doc)의 docs를 사용하십시오. v4가 여전히 알파 상태임을 유의하십시오.