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]/react/lib/React.js 5.08 kB {0} [built]
[2] ./
[3] .//process/browser.js 5.42 kB {0} [built]/object-assign/index.js 2.11 kB {0} [built]
[4] ./
[5] .//react/lib/ReactBaseClasses.js 5.44 kB {0} [built]/react/lib/reactProdInvariant.js 1.24 kB {0} [built]
[6] ./
[7] .//react/lib/ReactNoopUpdateQueue.js 3.36 kB {0} [built]/fbjs/lib/warning.js 2.1 kB {0} [built]
[8] ./
[9] .//fbjs/lib/emptyFunction.js 1.08 kB {0} [built]/react/lib/canDefineProperty.js 661 bytes {0} [built]
[10] ./
[11] .//fbjs/lib/emptyObject.js 458 bytes {0} [built]/fbjs/lib/invariant.js 1.63 kB {0} [built]
[12] ./
[13] .//react/lib/lowPriorityWarning.js 2.16 kB {0} [built]/react/lib/ReactChildren.js 6.19 kB {0} [built]
[14] ./
[built]
(省略)
[137] .//react-dom/lib/getIteratorFn.js 1.12 kB {0} [built]/react-dom/lib/flattenChildren.js 2.77 kB {0} [built]
[138] ./
[139] .//react-dom/lib/ReactServerRenderingTransaction.js 2.29 kB {0} [built]/react-dom/lib/ReactServerUpdateQueue.js 4.83 kB {0} [built]
[140] ./
[141] .//react-dom/lib/ReactUpdateQueue.js 9.35 kB {0} [built]/react-dom/lib/validateDOMNesting.js 13.7 kB {0} [built]
[142] ./
[143] .//react-dom/lib/ReactDOMEmptyComponent.js 1.9 kB {0} [built]/react-dom/lib/ReactDOMTreeTraversal.js 3.72 kB {0} [built]
[144] ./
[145] .//react-dom/lib/ReactDOMTextComponent.js 5.81 kB {0} [built]/react-dom/lib/ReactDefaultBatchingStrategy.js 1.88 kB {0} [built]
[146] ./
[147] .//react-dom/lib/ReactEventListener.js 5.3 kB {0} [built]/fbjs/lib/EventListener.js 2.67 kB {0} [built]
[148] ./
[149] .//fbjs/lib/getUnboundedScrollPosition.js 1.12 kB {0} [built]/react-dom/lib/ReactInjection.js 1.2 kB {0} [built]
[150] ./
[151] .//react-dom/lib/ReactReconcileTransaction.js 5.26 kB {0} [built]/react-dom/lib/ReactInputSelection.js 4.27 kB {0} [built]
[152] ./
[153] .//react-dom/lib/ReactDOMSelection.js 6.78 kB {0} [built]/react-dom/lib/getNodeForCharacterOffset.js 1.62 kB {0} [built]
[154] ./
[155] .//fbjs/lib/containsNode.js 1.05 kB {0} [built]/fbjs/lib/isTextNode.js 605 bytes {0} [built]
[156] ./
[157] .//fbjs/lib/isNode.js 828 bytes {0} [built]/fbjs/lib/getActiveElement.js 1.04 kB {0} [built]
[158] ./
[159] .//react-dom/lib/SVGDOMPropertyConfig.js 7.32 kB {0} [built]/react-dom/lib/SelectEventPlugin.js 6.06 kB {0} [built]
[160] ./
[161] .//react-dom/lib/SimpleEventPlugin.js 7.97 kB {0} [built]/react-dom/lib/SyntheticAnimationEvent.js 1.21 kB {0} [built]
[162] ./
[163] .//react-dom/lib/SyntheticClipboardEvent.js 1.17 kB {0} [built]/react-dom/lib/SyntheticFocusEvent.js 1.07 kB {0} [built]
[164] ./
[165] .//react-dom/lib/SyntheticKeyboardEvent.js 2.71 kB {0} [built]/react-dom/lib/getEventCharCode.js 1.5 kB {0} [built]
[166] ./
[167] .//react-dom/lib/getEventKey.js 2.87 kB {0} [built]/react-dom/lib/SyntheticDragEvent.js 1.07 kB {0} [built]
[168] ./
[169] .//react-dom/lib/SyntheticTouchEvent.js 1.28 kB {0} [built]/react-dom/lib/SyntheticTransitionEvent.js 1.23 kB {0} [built]
[170] ./
[171] .//react-dom/lib/SyntheticWheelEvent.js 1.92 kB {0} [built]/react-dom/lib/ReactMount.js 25.5 kB {0} [built]
[172] ./
[173] .//react-dom/lib/ReactDOMContainerInfo.js 967 bytes {0} [built]/react-dom/lib/ReactDOMFeatureFlags.js 439 bytes {0} [built]
[174] ./
[175] .//react-dom/lib/ReactMarkupChecksum.js 1.47 kB {0} [built]/react-dom/lib/adler32.js 1.19 kB {0} [built]
[176] ./
[177] .//react-dom/lib/ReactVersion.js 350 bytes {0} [built]/react-dom/lib/findDOMNode.js 2.46 kB {0} [built]
[178] ./
[179] .//react-dom/lib/getHostComponentFromComposite.js 740 bytes {0} [built]/react-dom/lib/renderSubtreeIntoContainer.js 422 bytes {0} [built]
[180] ./
[181] .//react-dom/lib/ReactDOMUnknownPropertyHook.js 4.32 kB {0} [built]/react-dom/lib/ReactDOMNullInputValuePropHook.js 1.37 kB {0} [built]
[182] ./
[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.
回答1件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。