ReactRouterエラー「Uncaught Invariant Violation：Element type is invalid」を修正するには？

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のnewsetバージョンで動作するようにこのデモアプリケーションを修正するにはどうすればよいですか？

Answer 1

このチュートリアルはreact-router@2.x.xをカバーしていて、react-router@4.x.xを使用しました。このアプローチは、さまざまなアプローチとAPIで完全に書き直されています。

v2を使用してチュートリアルで説明したAPIと一致させるか、v4（https://react-router.now.sh/）のドキュメントを使用してください。 v4はまだアルファベットになっています。