react×babelでhello worldが表示されない

Question

ES6の最小構成を考えてみるこのページを基に環境構築を行ったのですが、

./node_modules/.bin/webpack-dev-server --progress --colors --hot

を実行してブラウザでhttp://localhost:8080/react-webpack/dist/index.htmlを開いても、画面が真っ白になってしまいます。

以下、webpack-dev-server実行時の出力です。

[vagrant@localhost react-webpack]$ sudo ./node_modules/.bin/webpack-dev-server --progress --colors --hot

0% compile http://localhost:8080/webpack-dev-server/
webpack result is served from /
content is served from /var/www/html/react-webpack
Hash: 1fa7f4141172bdcc64ee
Version: webpack 1.15.0
Time: 2633ms
Asset Size Chunks Chunk Names
bundle.js 789 kB 0 [emitted] main
chunk {0} bundle.js (main) 730 kB [rendered]
[0] ./src/main.jsx 662 bytes {0} [built]
[1] .//react/react.js 56 bytes {0} [built]
[2] .//react/lib/React.js 5.08 kB {0} [built]
[3] .//process/browser.js 5.42 kB {0} [built]
[4] .//object-assign/index.js 2.11 kB {0} [built]
[5] .//react/lib/ReactBaseClasses.js 5.44 kB {0} [built]
[6] .//react/lib/reactProdInvariant.js 1.24 kB {0} [built]
[7] .//react/lib/ReactNoopUpdateQueue.js 3.36 kB {0} [built]
[8] .//fbjs/lib/warning.js 2.1 kB {0} [built]
[9] .//fbjs/lib/emptyFunction.js 1.08 kB {0} [built]
[10] .//react/lib/canDefineProperty.js 661 bytes {0} [built]
[11] .//fbjs/lib/emptyObject.js 458 bytes {0} [built]
[12] .//fbjs/lib/invariant.js 1.63 kB {0} [built]
[13] .//react/lib/lowPriorityWarning.js 2.16 kB {0} [built]
[14] .//react/lib/ReactChildren.js 6.19 kB {0} [built]
[built]
（省略）

[137] .//react-dom/lib/getIteratorFn.js 1.12 kB {0} [built]
[138] .//react-dom/lib/flattenChildren.js 2.77 kB {0} [built]
[139] .//react-dom/lib/ReactServerRenderingTransaction.js 2.29 kB {0} [built]
[140] .//react-dom/lib/ReactServerUpdateQueue.js 4.83 kB {0} [built]
[141] .//react-dom/lib/ReactUpdateQueue.js 9.35 kB {0} [built]
[142] .//react-dom/lib/validateDOMNesting.js 13.7 kB {0} [built]
[143] .//react-dom/lib/ReactDOMEmptyComponent.js 1.9 kB {0} [built]
[144] .//react-dom/lib/ReactDOMTreeTraversal.js 3.72 kB {0} [built]
[145] .//react-dom/lib/ReactDOMTextComponent.js 5.81 kB {0} [built]
[146] .//react-dom/lib/ReactDefaultBatchingStrategy.js 1.88 kB {0} [built]
[147] .//react-dom/lib/ReactEventListener.js 5.3 kB {0} [built]
[148] .//fbjs/lib/EventListener.js 2.67 kB {0} [built]
[149] .//fbjs/lib/getUnboundedScrollPosition.js 1.12 kB {0} [built]
[150] .//react-dom/lib/ReactInjection.js 1.2 kB {0} [built]
[151] .//react-dom/lib/ReactReconcileTransaction.js 5.26 kB {0} [built]
[152] .//react-dom/lib/ReactInputSelection.js 4.27 kB {0} [built]
[153] .//react-dom/lib/ReactDOMSelection.js 6.78 kB {0} [built]
[154] .//react-dom/lib/getNodeForCharacterOffset.js 1.62 kB {0} [built]
[155] .//fbjs/lib/containsNode.js 1.05 kB {0} [built]
[156] .//fbjs/lib/isTextNode.js 605 bytes {0} [built]
[157] .//fbjs/lib/isNode.js 828 bytes {0} [built]
[158] .//fbjs/lib/getActiveElement.js 1.04 kB {0} [built]
[159] .//react-dom/lib/SVGDOMPropertyConfig.js 7.32 kB {0} [built]
[160] .//react-dom/lib/SelectEventPlugin.js 6.06 kB {0} [built]
[161] .//react-dom/lib/SimpleEventPlugin.js 7.97 kB {0} [built]
[162] .//react-dom/lib/SyntheticAnimationEvent.js 1.21 kB {0} [built]
[163] .//react-dom/lib/SyntheticClipboardEvent.js 1.17 kB {0} [built]
[164] .//react-dom/lib/SyntheticFocusEvent.js 1.07 kB {0} [built]
[165] .//react-dom/lib/SyntheticKeyboardEvent.js 2.71 kB {0} [built]
[166] .//react-dom/lib/getEventCharCode.js 1.5 kB {0} [built]
[167] .//react-dom/lib/getEventKey.js 2.87 kB {0} [built]
[168] .//react-dom/lib/SyntheticDragEvent.js 1.07 kB {0} [built]
[169] .//react-dom/lib/SyntheticTouchEvent.js 1.28 kB {0} [built]
[170] .//react-dom/lib/SyntheticTransitionEvent.js 1.23 kB {0} [built]
[171] .//react-dom/lib/SyntheticWheelEvent.js 1.92 kB {0} [built]
[172] .//react-dom/lib/ReactMount.js 25.5 kB {0} [built]
[173] .//react-dom/lib/ReactDOMContainerInfo.js 967 bytes {0} [built]
[174] .//react-dom/lib/ReactDOMFeatureFlags.js 439 bytes {0} [built]
[175] .//react-dom/lib/ReactMarkupChecksum.js 1.47 kB {0} [built]
[176] .//react-dom/lib/adler32.js 1.19 kB {0} [built]
[177] .//react-dom/lib/ReactVersion.js 350 bytes {0} [built]
[178] .//react-dom/lib/findDOMNode.js 2.46 kB {0} [built]
[179] .//react-dom/lib/getHostComponentFromComposite.js 740 bytes {0} [built]
[180] .//react-dom/lib/renderSubtreeIntoContainer.js 422 bytes {0} [built]
[181] .//react-dom/lib/ReactDOMUnknownPropertyHook.js 4.32 kB {0} [built]
[182] .//react-dom/lib/ReactDOMNullInputValuePropHook.js 1.37 kB {0} [built]
[183] ./~/react-dom/lib/ReactDOMInvalidARIAHook.js 3.14 kB {0} [built]
[184] ./src/components/hello.jsx 2.31 kB {0} [built]
[185] ./src/components/world.jsx 438 bytes {0} [built]
webpack: Compiled successfully.

Answer 1

恐らくconsole側に具体的なエラー情報があると思いますので、まずはそちらを確認下さい。
なおreactの学習を目的とするならwebpackの方は後回しにして
Facebook公式のcreate-react-appコマンドを使ったほうが詰まることは少ないです。
参考:
http://qiita.com/chibicode/items/8533dd72f1ebaeb4b614