lzxb / react-cnode Goto Github PK

View Code? Open in Web Editor NEW

685.0 34.0 232.0 14.21 MB

基于webpack + react + react-router + redux + less + flex.css + ES6 的React版cnode社区

Home Page: https://lzxb.github.io/react-cnode/

CSS 16.95% JavaScript 76.37% HTML 6.67%

react flex redux es6 cnodejs react-demo react-cnode react-app react-redux

react-cnode's Introduction

此项目除了正常的bug修复，不再进行功能更新

如果对状态管理感兴趣，可以看下 Tms，文档更齐全

react-cnode

基于webpack + react + react-router + redux + less + flex.css + ES6 的React版cnode社区

demo

下载

  git clone https://github.com/lzxb/react-cnode.git
  cd react-cnode
  npm install (安装依赖模块)
  npm install webpack -g (没有安装webpack的需要安装)

运行（nodejs 6.0+）

  npm run dev (开发版本访问：http://localhost:3000/)
  npm run dist （发布生产版本）

功能

  1.登录退出
  2.列表分页，查看帖子
  3.发帖，回复帖子
  4.我的消息
  5.个人中心
  6.查看别人的资料

总结

  1.UI是自己设计的，虽然我并不会PS这些工具。
  2.使用了flex.css模块布局，最大的感觉就是在写css不需要考虑在css中如何写布局，大大的提高了我的效率。
  3.在移动端中，列表数据达到上百条之后，性能仍然是不容乐乎，有待于进一步的优化。
  4.ES6中的箭头函数和变量解构赋值，最大的感受在开发效率上。提高很多。
  5.使用高阶组件封装获取数据的流程，让页面组件专注于页面渲染，避免了每个页面都需要写一次获取数据的流程，提高开发效率
  6.redux听起来很美好，在实际操作的过程中，大大的复杂了创建一个页面的难度，最后只能将其封装起来，简化这个过程（其实我对redux不怎么理解）
  7.为了还原页面状态，比如后退时的滚动条位置，还是花费了不少功夫
  8.开发移动到应用，还是使用字体图标爽。
  9.借助webpack可以生成离线缓存清单，px转rem，ES6编译成ES5，模块化开发，代码压缩混淆......
  10.前端自动化，工程化，给前端的发展起到了很大的推动作用

状态树

小广告

  深圳html5开发者社群：170761660
  NodeJS前端分享群：133240225

截图

react-cnode's People

Contributors

Stargazers

Watchers

Forkers

cnodejs-client winglau14 sandysenhero ghkyle liujinjian1016 jackyu86521 xishanwawa daydayhappychao coddingboy patzhangjiwang sunwenzhangdan zhangzhenguo3352 apple006 gaotang xiaopohou coojee2012 hu19891110 otouc movmo ivan-fe studyforfun kuailingmin rucky2013 memezilla jackwang1024 cjstone1982 scutcz yan919 maschzhapps yexiaoxiao qxl1231 ohshiyin yonglehou bingobingo caize lukeddy accwill zhq651 looknd wuxjim ymqq itmantos 597574484 ouwei-lee szwork2013 react-xx xiezhe githubck a494836960 keyzf sxyseo caoaries superyunlongzhang zero5396517 chrisvy peony-e qw123456787676 guanlinwu muyichuanqi houningzhou owenma anryzhang xiahl1990 zzhlu coding-girl93 june215 highmind neveryu jimmy2015 lichengdong kimstroy bobiscool j1adong reactive-coding-playground markxuxiao lidazhao napxie lateryu david4liu aobin zimiw hukaibaihu imjerrybao pht1991 wlijie andydabing penghongbao zhoulujun linfanboss aeero yuhongjun liuzhihe nicelingjian yplmail yanhui2017 niunai2016 lei1160427600 youkinn phpsmarter zhaoshouliang

react-cnode's Issues

请问大大碰到过返回到上一个页面时，页面刷新的问题吗？

List组件点击List里的一条到Detail组件，然后List就被unmount了，再从Detail组件回到List组件，List又重新mount了一遍，然后就会出现List之前翻页到的位置也没有了，直接回到最顶部

想问问这个问题大大碰到过吗？怎么解决的呢？

我用了react-router v4

server文件过滤所有

请教楼主，在你的server.js里面写的是所有路由都render一个主页面index.html，如果我在index.html中用src引入本地的一些工具库，是不是也会被拦截？怎么解决？

linux 无法run，查了一下说fsevents 是MAC OS专用的

nap@xie:/react/react-cnode$ npm install
npm WARN optional Skipping failed optional dependency /chokidar/fsevents:
npm WARN notsup Not compatible with your operating system or architecture: [email protected]
npm WARN [email protected] requires a peer of babel-core@^6.0.0 but none was installed.
nap@xie:/react/react-cnode$ npm install babel-core@^6.0.0
[email protected] /home/nap/react/react-cnode
└─┬ [email protected]
├─┬ [email protected]
│ ├─┬ [email protected]
│ │ └─┬ [email protected]
│ │ └─┬ [email protected]
│ │ └── [email protected]
│ └── [email protected]
├── [email protected]
├─┬ [email protected]
│ ├── [email protected]
│ ├─┬ [email protected]
│ │ ├── [email protected]
│ │ └── [email protected]
│ └── [email protected]
├── [email protected]
└── [email protected]

npm WARN optional Skipping failed optional dependency /chokidar/fsevents:
npm WARN notsup Not compatible with your operating system or architecture: [email protected]
nap@xie:/react/react-cnode$ npm install
npm WARN optional Skipping failed optional dependency /chokidar/fsevents:
npm WARN notsup Not compatible with your operating system or architecture: [email protected]
nap@xie:/react/react-cnode$ npm install fsevents
npm ERR! Linux 4.4.0-31-generic
npm ERR! argv "/home/nap/.nvm/versions/node/v6.6.0/bin/node" "/home/nap/.nvm/versions/node/v6.6.0/bin/npm" "install" "fsevents"
npm ERR! node v6.6.0
npm ERR! npm v3.10.3
npm ERR! code EBADPLATFORM

npm ERR! notsup Not compatible with your operating system or architecture: [email protected]
npm ERR! notsup Valid OS: darwin
npm ERR! notsup Valid Arch: any
npm ERR! notsup Actual OS: linux
npm ERR! notsup Actual Arch: x64

npm ERR! Please include the following file with any support request:
npm ERR! /home/nap/react/react-cnode/npm-debug.log
nap@xie:~/react/react-cnode$ npm install [email protected]
npm ERR! Linux 4.4.0-31-generic
npm ERR! argv "/home/nap/.nvm/versions/node/v6.6.0/bin/node" "/home/nap/.nvm/versions/node/v6.6.0/bin/npm" "install" "[email protected]"
npm ERR! node v6.6.0
npm ERR! npm v3.10.3
npm ERR! code EBADPLATFORM

npm ERR! Please include the following file with any support request:
npm ERR! /home/nap/react/react-cnode/npm-debug.log
nap@xie:/react/react-cnode$ ls
dist index.html node_modules npm-debug.log package.json react-cnode README.md server.js shot src webpack.config.js
nap@xie:/react/react-cnode$ npm run dev

[email protected] dev /home/nap/react/react-cnode
node server.js

Hash: d706e38f17fe8fd31307
Version: webpack 1.13.3
Time: 17562ms
Asset Size Chunks Chunk Names
iconfont.eot 10.4 kB [emitted]
iconfont.woff 6.6 kB [emitted]
iconfont.ttf 10.1 kB [emitted]
iconfont.svg 9.81 kB [emitted]
app.js 1.07 MB 0 [emitted] app
app.css 40.1 kB 0 [emitted] app
../index.html 2.05 kB [emitted]
chunk {0} app.js, app.css (app) 1.02 MB [rendered]
[0] ./src/App.jsx 989 bytes {0} [built]
[1] .//react/react.js 55 bytes {0} [built]
[2] .//react/lib/React.js 2.74 kB {0} [built]
[3] .//process/browser.js 5.32 kB {0} [built]
[4] .//object-assign/index.js 1.99 kB {0} [built]
[5] .//react/lib/ReactChildren.js 6.22 kB {0} [built]
[6] .//react/lib/PooledClass.js 3.71 kB {0} [built]
[7] .//react/lib/reactProdInvariant.js 1.27 kB {0} [built]
[8] .//fbjs/lib/invariant.js 1.49 kB {0} [built]
[9] .//react/lib/ReactElement.js 12.1 kB {0} [built]
[10] .//react/lib/ReactCurrentOwner.js 657 bytes {0} [built]
[11] .//fbjs/lib/warning.js 2.1 kB {0} [built]
[12] .//fbjs/lib/emptyFunction.js 1.08 kB {0} [built]
[13] .//react/lib/canDefineProperty.js 635 bytes {0} [built]
[14] .//react/lib/traverseAllChildren.js 7.12 kB {0} [built]
[15] .//react/lib/getIteratorFn.js 1.15 kB {0} [built]
[16] .//react/lib/KeyEscapeUtils.js 1.33 kB {0} [built]
[17] .//react/lib/ReactComponent.js 5 kB {0} [built]
[18] .//react/lib/ReactNoopUpdateQueue.js 3.48 kB {0} [built]
[19] .//fbjs/lib/emptyObject.js 458 bytes {0} [built]
[20] .//react/lib/ReactPureComponent.js 1.36 kB {0} [built]
[21] .//react/lib/ReactClass.js 27.8 kB {0} [built]
[22] .//react/lib/ReactPropTypeLocations.js 552 bytes {0} [built]
[23] .//fbjs/lib/keyMirror.js 1.25 kB {0} [built]
[24] .//react/lib/ReactPropTypeLocationNames.js 614 bytes {0} [built]
[25] .//fbjs/lib/keyOf.js 1.1 kB {0} [built]
[26] .//react/lib/ReactDOMFactories.js 5.56 kB {0} [built]
[27] .//react/lib/ReactElementValidator.js 8.44 kB {0} [built]
[28] .//react/lib/ReactComponentTreeHook.js 10.6 kB {0} [built]
[29] .//react/lib/checkReactTypeSpec.js 4.55 kB {0} [built]
[30] .//react/lib/ReactPropTypesSecret.js 478 bytes {0} [built]
[31] .//react/lib/ReactPropTypes.js 15.9 kB {0} [built]
[32] .//react/lib/ReactVersion.js 382 bytes {0} [built]
[33] .//react/lib/onlyChild.js 1.37 kB {0} [built]
[34] .//react-dom/index.js 62 bytes {0} [built]
[35] .//react/lib/ReactDOM.js 5.1 kB {0} [built]
[36] .//react/lib/ReactDOMComponentTree.js 6.2 kB {0} [built]
[37] .//react/lib/DOMProperty.js 8.17 kB {0} [built]
[38] .//react/lib/ReactDOMComponentFlags.js 471 bytes {0} [built]
[39] .//react/lib/ReactDefaultInjection.js 3.4 kB {0} [built]
[40] .//react/lib/BeforeInputEventPlugin.js 14.4 kB {0} [built]
[41] .//react/lib/EventConstants.js 2.17 kB {0} [built]
[42] .//react/lib/EventPropagators.js 5.32 kB {0} [built]
[43] .//react/lib/EventPluginHub.js 8.92 kB {0} [built]
[44] .//react/lib/EventPluginRegistry.js 9.56 kB {0} [built]
[45] .//react/lib/EventPluginUtils.js 8.35 kB {0} [built]
[46] .//react/lib/ReactErrorUtils.js 2.28 kB {0} [built]
[47] .//react/lib/accumulateInto.js 1.73 kB {0} [built]
[48] .//react/lib/forEachAccumulated.js 893 bytes {0} [built]
[49] .//fbjs/lib/ExecutionEnvironment.js 1.06 kB {0} [built]
[50] .//react/lib/FallbackCompositionState.js 2.49 kB {0} [built]
[51] .//react/lib/getTextContentAccessor.js 997 bytes {0} [built]
[52] .//react/lib/SyntheticCompositionEvent.js 1.14 kB {0} [built]
[53] .//react/lib/SyntheticEvent.js 9.28 kB {0} [built]
[54] .//react/lib/SyntheticInputEvent.js 1.13 kB {0} [built]
[55] .//react/lib/ChangeEventPlugin.js 11.5 kB {0} [built]
[56] .//react/lib/ReactUpdates.js 9.73 kB {0} [built]
[57] .//react/lib/CallbackQueue.js 2.77 kB {0} [built]
[58] .//react/lib/ReactFeatureFlags.js 665 bytes {0} [built]
[59] .//react/lib/ReactReconciler.js 6.33 kB {0} [built]
[60] .//react/lib/ReactRef.js 2.47 kB {0} [built]
[61] .//react/lib/ReactOwner.js 3.65 kB {0} [built]
[62] .//react/lib/ReactInstrumentation.js 559 bytes {0} [built]
[63] .//react/lib/ReactDebugTool.js 10.2 kB {0} [built]
[64] .//react/lib/ReactInvalidSetStateWarningHook.js 1.12 kB {0} [built]
[65] .//react/lib/ReactHostOperationHistoryHook.js 897 bytes {0} [built]
[66] .//react/lib/ReactChildrenMutationWarningHook.js 1.7 kB {0} [built]
[67] .//fbjs/lib/performanceNow.js 845 bytes {0} [built]
[68] .//fbjs/lib/performance.js 588 bytes {0} [built]
[69] .//react/lib/Transaction.js 9.67 kB {0} [built]
[70] .//react/lib/getEventTarget.js 1.04 kB {0} [built]
[71] .//react/lib/isEventSupported.js 1.97 kB {0} [built]
[72] .//react/lib/isTextInputElement.js 1.08 kB {0} [built]
[73] .//react/lib/DefaultEventPluginOrder.js 1.26 kB {0} [built]
[74] .//react/lib/EnterLeaveEventPlugin.js 3.48 kB {0} [built]
[75] .//react/lib/SyntheticMouseEvent.js 2.21 kB {0} [built]
[76] .//react/lib/SyntheticUIEvent.js 1.62 kB {0} [built]
[77] .//react/lib/ViewportMetrics.js 660 bytes {0} [built]
[78] .//react/lib/getEventModifierState.js 1.27 kB {0} [built]
[79] .//react/lib/HTMLDOMPropertyConfig.js 5.49 kB {0} [built]
[80] .//react/lib/ReactComponentBrowserEnvironment.js 958 bytes {0} [built]
[81] .//react/lib/DOMChildrenOperations.js 7.35 kB {0} [built]
[82] .//react/lib/DOMLazyTree.js 3.75 kB {0} [built]
[83] .//react/lib/DOMNamespaces.js 538 bytes {0} [built]
[84] .//react/lib/setInnerHTML.js 3.9 kB {0} [built]
[85] .//react/lib/createMicrosoftUnsafeLocalFunction.js 898 bytes {0} [built]
[86] .//react/lib/setTextContent.js 1.43 kB {0} [built]
[87] .//react/lib/escapeTextContentForBrowser.js 3.48 kB {0} [built]
[88] .//react/lib/Danger.js 2.3 kB {0} [built]
[89] .//fbjs/lib/createNodesFromMarkup.js 2.66 kB {0} [built]
[90] .//fbjs/lib/createArrayFromMixed.js 4.48 kB {0} [built]
[91] .//fbjs/lib/getMarkupWrap.js 3.04 kB {0} [built]
[92] .//react/lib/ReactMultiChildUpdateTypes.js 864 bytes {0} [built]
[93] .//react/lib/ReactDOMIDOperations.js 1.03 kB {0} [built]
[94] .//react/lib/ReactDOMComponent.js 39.5 kB {0} [built]
[95] .//react/lib/AutoFocusUtils.js 650 bytes {0} [built]
[96] .//fbjs/lib/focusNode.js 704 bytes {0} [built]
[97] .//react/lib/CSSPropertyOperations.js 7.01 kB {0} [built]
[98] .//react/lib/CSSProperty.js 3.69 kB {0} [built]
[99] .//fbjs/lib/camelizeStyleName.js 1 kB {0} [built]
[100] .//fbjs/lib/camelize.js 708 bytes {0} [built]
[101] .//react/lib/dangerousStyleValue.js 3.06 kB {0} [built]
[102] .//fbjs/lib/hyphenateStyleName.js 974 bytes {0} [built]
[103] .//fbjs/lib/hyphenate.js 800 bytes {0} [built]
[104] .//fbjs/lib/memoizeStringOnly.js 698 bytes {0} [built]
[105] .//react/lib/DOMPropertyOperations.js 7.62 kB {0} [built]
[106] .//react/lib/quoteAttributeValueForBrowser.js 749 bytes {0} [built]
[107] .//react/lib/ReactBrowserEventEmitter.js 13 kB {0} [built]
[108] .//react/lib/ReactEventEmitterMixin.js 1.01 kB {0} [built]
[109] .//react/lib/getVendorPrefixedEventName.js 2.92 kB {0} [built]
[110] .//react/lib/ReactDOMButton.js 634 bytes {0} [built]
[111] .//react/lib/DisabledInputUtils.js 1.18 kB {0} [built]
[112] .//react/lib/ReactDOMInput.js 12.2 kB {0} [built]
[113] .//react/lib/LinkedValueUtils.js 5.34 kB {0} [built]
[114] .//react/lib/ReactDOMOption.js 3.77 kB {0} [built]
[115] .//react/lib/ReactDOMSelect.js 7 kB {0} [built]
[116] .//react/lib/ReactDOMTextarea.js 6.41 kB {0} [built]
[117] .//react/lib/ReactMultiChild.js 15 kB {0} [built]
[118] .//react/lib/ReactComponentEnvironment.js 1.36 kB {0} [built]
[119] .//react/lib/ReactInstanceMap.js 1.27 kB {0} [built]
[120] .//react/lib/ReactChildReconciler.js 6.18 kB {0} [built]
[121] .//react/lib/instantiateReactComponent.js 5.25 kB {0} [built]
[122] .//react/lib/ReactCompositeComponent.js 36.2 kB {0} [built]
[123] .//react/lib/ReactNodeTypes.js 1.07 kB {0} [built]
[124] .//fbjs/lib/shallowEqual.js 2.11 kB {0} [built]
[125] .//react/lib/shouldUpdateReactComponent.js 1.83 kB {0} [built]
[126] .//react/lib/ReactEmptyComponent.js 776 bytes {0} [built]
[127] .//react/lib/ReactHostComponent.js 2.49 kB {0} [built]
[128] .//react/lib/flattenChildren.js 3.12 kB {0} [built]
[129] .//react/lib/ReactServerRenderingTransaction.js 2.43 kB {0} [built]
[130] .//react/lib/ReactServerUpdateQueue.js 4.95 kB {0} [built]
[131] .//react/lib/ReactUpdateQueue.js 9.49 kB {0} [built]
[132] .//react/lib/validateDOMNesting.js 13.8 kB {0} [built]
[133] .//react/lib/ReactDOMEmptyComponent.js 2.02 kB {0} [built]
[134] .//react/lib/ReactDOMTreeTraversal.js 3.74 kB {0} [built]
[135] .//react/lib/ReactDOMTextComponent.js 5.93 kB {0} [built]
[136] .//react/lib/ReactDefaultBatchingStrategy.js 1.96 kB {0} [built]
[137] .//react/lib/ReactEventListener.js 5.49 kB {0} [built]
[138] .//fbjs/lib/EventListener.js 2.67 kB {0} [built]
[139] .//fbjs/lib/getUnboundedScrollPosition.js 1.05 kB {0} [built]
[140] .//react/lib/ReactInjection.js 1.31 kB {0} [built]
[141] .//react/lib/ReactReconcileTransaction.js 5.42 kB {0} [built]
[142] .//react/lib/ReactInputSelection.js 4.4 kB {0} [built]
[143] .//react/lib/ReactDOMSelection.js 6.81 kB {0} [built]
[144] .//react/lib/getNodeForCharacterOffset.js 1.66 kB {0} [built]
[145] .//fbjs/lib/containsNode.js 1.05 kB {0} [built]
[146] .//fbjs/lib/isTextNode.js 605 bytes {0} [built]
[147] .//fbjs/lib/isNode.js 1.01 kB {0} [built]
[148] .//fbjs/lib/getActiveElement.js 896 bytes {0} [built]
[149] .//react/lib/SVGDOMPropertyConfig.js 7.36 kB {0} [built]
[150] .//react/lib/SelectEventPlugin.js 6.54 kB {0} [built]
[151] .//react/lib/SimpleEventPlugin.js 19 kB {0} [built]
[152] .//react/lib/SyntheticAnimationEvent.js 1.25 kB {0} [built]
[153] .//react/lib/SyntheticClipboardEvent.js 1.23 kB {0} [built]
[154] .//react/lib/SyntheticFocusEvent.js 1.1 kB {0} [built]
[155] .//react/lib/SyntheticKeyboardEvent.js 2.77 kB {0} [built]
[156] .//react/lib/getEventCharCode.js 1.54 kB {0} [built]
[157] .//react/lib/getEventKey.js 2.9 kB {0} [built]
[158] .//react/lib/SyntheticDragEvent.js 1.11 kB {0} [built]
[159] .//react/lib/SyntheticTouchEvent.js 1.32 kB {0} [built]
[160] .//react/lib/SyntheticTransitionEvent.js 1.27 kB {0} [built]
[161] .//react/lib/SyntheticWheelEvent.js 1.99 kB {0} [built]
[162] .//react/lib/ReactMount.js 25.6 kB {0} [built]
[163] .//react/lib/ReactDOMContainerInfo.js 1.01 kB {0} [built]
[164] .//react/lib/ReactDOMFeatureFlags.js 460 bytes {0} [built]
[165] .//react/lib/ReactMarkupChecksum.js 1.54 kB {0} [built]
[166] .//react/lib/adler32.js 1.22 kB {0} [built]
[167] .//react/lib/findDOMNode.js 2.49 kB {0} [built]
[168] .//react/lib/getHostComponentFromComposite.js 789 bytes {0} [built]
[169] .//react/lib/renderSubtreeIntoContainer.js 466 bytes {0} [built]
[170] .//react/lib/ReactDOMUnknownPropertyHook.js 4.44 kB {0} [built]
[171] .//react/lib/ReactDOMNullInputValuePropHook.js 1.46 kB {0} [built]
[172] .//react-redux/lib/index.js 477 bytes {0} [built]
[173] .//react-redux/lib/components/Provider.js 3.29 kB {0} [built]
[174] .//react-redux/lib/utils/storeShape.js 262 bytes {0} [built]
[175] .//react-redux/lib/utils/warning.js 665 bytes {0} [built]
[176] .//react-redux/lib/components/connect.js 15.1 kB {0} [built]
[177] .//react-redux/lib/utils/shallowEqual.js 543 bytes {0} [built]
[178] .//react-redux/lib/utils/wrapActionCreators.js 268 bytes {0} [built]
[179] .//redux/lib/index.js 1.94 kB {0} [built]
[180] .//redux/lib/createStore.js 9.52 kB {0} [built]
[181] .//lodash/isPlainObject.js 1.81 kB {0} [built]
[182] .//lodash/_getPrototype.js 177 bytes {0} [built]
[183] .//lodash/_overArg.js 397 bytes {0} [built]
[184] .//lodash/isObjectLike.js 948 bytes {0} [built]
[185] .//symbol-observable/index.js 55 bytes {0} [built]
[186] .//symbol-observable/lib/index.js 662 bytes {0} [built]
187/buildin/module.js 259 bytes {0} [built]
[188] .//symbol-observable/lib/ponyfill.js 449 bytes {0} [built]
[189] .//redux/lib/combineReducers.js 5.96 kB {0} [built]
[190] .//redux/lib/utils/warning.js 694 bytes {0} [built]
[191] .//redux/lib/bindActionCreators.js 2.43 kB {0} [built]
[192] .//redux/lib/applyMiddleware.js 2.07 kB {0} [built]
[193] .//redux/lib/compose.js 1.02 kB {0} [built]
[194] .//hoist-non-react-statics/index.js 1.38 kB {0} [built]
[195] .//invariant/browser.js 1.5 kB {0} [built]
[196] ./src/Config/Route.jsx 4.31 kB {0} [built]
[197] .//react-router/lib/index.js 4.6 kB {0} [built]
[198] .//react-router/lib/RouteUtils.js 2.87 kB {0} [built]
[199] .//react-router/lib/PropTypes.js 4.15 kB {0} [built]
[200] .//react-router/lib/deprecateObjectProperties.js 2.31 kB {0} [built]
[201] .//react-router/lib/routerWarning.js 847 bytes {0} [built]
[202] .//warning/browser.js 1.76 kB {0} [built]
[203] .//react-router/lib/InternalPropTypes.js 1.09 kB {0} [built]
[204] .//react-router/lib/PatternUtils.js 6.29 kB {0} [built]
[205] .//react-router/lib/Router.js 8.3 kB {0} [built]
[206] .//history/lib/createHashHistory.js 7.48 kB {0} [built]
[207] ./~~/history/~~/warning/browser.js 1.76 kB {0} [built]
[208] .//history/lib/Actions.js 720 bytes {0} [built]
[209] .//history/lib/PathUtils.js 1.2 kB {0} [built]
[210] .//history/lib/ExecutionEnvironment.js 175 bytes {0} [built]
[211] .//history/lib/DOMUtils.js 2.3 kB {0} [built]
[212] .//history/lib/DOMStateStorage.js 2.15 kB {0} [built]
[213] .//history/lib/createDOMHistory.js 1.33 kB {0} [built]
[214] .//history/lib/createHistory.js 8.78 kB {0} [built]
[215] .//deep-equal/index.js 3.58 kB {0} [built]
[216] .//deep-equal/lib/keys.js 220 bytes {0} [built]
[217] .//deep-equal/lib/is_arguments.js 958 bytes {0} [built]
[218] .//history/lib/AsyncUtils.js 1.07 kB {0} [built]
[219] .//history/lib/createLocation.js 2.1 kB {0} [built]
[220] .//history/lib/runTransitionHook.js 777 bytes {0} [built]
[221] .//history/lib/deprecate.js 511 bytes {0} [built]
[222] .//history/lib/useQueries.js 6.31 kB {0} [built]
[223] .//query-string/index.js 1.48 kB {0} [built]
[224] .//strict-uri-encode/index.js 182 bytes {0} [built]
[225] .//react-router/lib/createTransitionManager.js 10.3 kB {0} [built]
[226] .//react-router/lib/computeChangedRoutes.js 2.28 kB {0} [built]
[227] .//react-router/lib/TransitionUtils.js 3.8 kB {0} [built]
[228] .//react-router/lib/AsyncUtils.js 1.66 kB {0} [built]
[229] .//react-router/lib/isActive.js 4.86 kB {0} [built]
[230] .//react-router/lib/getComponents.js 1.34 kB {0} [built]
[231] .//react-router/lib/makeStateWithLocation.js 2.03 kB {0} [built]
[232] .//react-router/lib/matchRoutes.js 8.85 kB {0} [built]
[233] .//react-router/lib/RouterContext.js 5.68 kB {0} [built]
[234] .//react-router/lib/getRouteParams.js 569 bytes {0} [built]
[235] .//react-router/lib/RouterUtils.js 1.29 kB {0} [built]
[236] .//react-router/lib/Link.js 5.66 kB {0} [built]
[237] .//react-router/lib/IndexLink.js 940 bytes {0} [built]
[238] .//react-router/lib/withRouter.js 2.21 kB {0} [built]
[239] .//react-router/lib/IndexRedirect.js 1.87 kB {0} [built]
[240] .//react-router/lib/Redirect.js 2.95 kB {0} [built]
[241] .//react-router/lib/IndexRoute.js 1.78 kB {0} [built]
[242] .//react-router/lib/Route.js 1.7 kB {0} [built]
[243] .//react-router/lib/History.js 860 bytes {0} [built]
[244] .//react-router/lib/Lifecycle.js 2.73 kB {0} [built]
[245] .//react-router/lib/RouteContext.js 1.22 kB {0} [built]
[246] .//react-router/lib/useRoutes.js 2.11 kB {0} [built]
[247] .//react-router/lib/RoutingContext.js 1.02 kB {0} [built]
[248] .//react-router/lib/match.js 3.31 kB {0} [built]
[249] .//react-router/lib/createMemoryHistory.js 1.12 kB {0} [built]
[250] .//history/lib/useBasename.js 5.02 kB {0} [built]
[251] .//history/lib/createMemoryHistory.js 4.66 kB {0} [built]
[252] .//react-router/lib/useRouterHistory.js 675 bytes {0} [built]
[253] .//react-router/lib/applyRouterMiddleware.js 2.34 kB {0} [built]
[254] .//react-router/lib/browserHistory.js 552 bytes {0} [built]
[255] .//history/lib/createBrowserHistory.js 5.3 kB {0} [built]
[256] .//react-router/lib/createRouterHistory.js 575 bytes {0} [built]
[257] .//react-router/lib/hashHistory.js 537 bytes {0} [built]
[258] ./src/Component/IndexList.jsx 11.9 kB {0} [built] [1 error]
[259] ./src/Action/Index.jsx 481 bytes {0} [built]
[260] ./src/Tool.jsx 5.58 kB {0} [built]
[261] .//obj-merged/dist/obj-merged.js 2.54 kB {0} [built]
262/buildin/amd-options.js 42 bytes {0} [built]
[263] ./src/Config/Config.js 184 bytes {0} [built]
[264] ./src/Component/Topic.jsx 19.6 kB {0} [built] [1 error]
[265] ./src/Component/TopicCreate.jsx 8.28 kB {0} [built] [1 error]
[266] ./src/Component/MyMessages.jsx 8.47 kB {0} [built] [1 error]
[267] ./src/Component/UserView.jsx 9.2 kB {0} [built] [1 error]
[268] ./src/Component/Signin.jsx 4.71 kB {0} [built] [1 error]
[269] ./src/Component/Signout.jsx 3.66 kB {0} [built] [1 error]
[270] ./src/Config/Store.jsx 615 bytes {0} [built]
[271] ./src/Reducer/Index.jsx 2.51 kB {0} [built]
[272] .//redux-thunk/lib/index.js 529 bytes {0} [built]
[273] .//normalize.css/normalize.css 41 bytes {0} [built]
[277] .//flex.css/main.js 154 bytes {0} [built]
[278] .//flex.css/dist/flex.css 41 bytes {0} [built]
[280] .//flex.css/dist/data-flex.css 41 bytes {0} [built]
[282] ./src/Style/style.less 41 bytes {0} [built]
[284] ./src/Iconfont/iconfont.css 41 bytes {0} [built]
[290] ./~/github-markdown-css/github-markdown.css 41 bytes {0} [built]

ERROR in Error: Child compilation failed:
Entry module not found: Error: Cannot resolve 'file' or 'directory' /home/nap/react/react-cnode/src/template/index.html in /home /nap/react/react-cnode:
Error: Cannot resolve 'file' or 'directory' /home/nap/react/react-cnode/src/template/index.html in /home/nap/react/react-cnode

compiler.js:76
[react-cnode]/[html-webpack-plugin]/lib/compiler.js:76:16
Compiler.js:214 Compiler.
[react-cnode]/[webpack]/lib/Compiler.js:214:10
Compiler.js:403
[react-cnode]/[webpack]/lib/Compiler.js:403:12
Tapable.js:67 Compiler.next
[react-cnode]/[tapable]/lib/Tapable.js:67:11
CachePlugin.js:40 Compiler.
[react-cnode]/[webpack]/lib/CachePlugin.js:40:4
Tapable.js:71 Compiler.applyPluginsAsync
[react-cnode]/[tapable]/lib/Tapable.js:71:13
Compiler.js:400 Compiler.
[react-cnode]/[webpack]/lib/Compiler.js:400:9
Compilation.js:577 Compilation.
[react-cnode]/[webpack]/lib/Compilation.js:577:13
Tapable.js:60 Compilation.applyPluginsAsync
[react-cnode]/[tapable]/lib/Tapable.js:60:69
Compilation.js:572 Compilation.
[react-cnode]/[webpack]/lib/Compilation.js:572:10
Tapable.js:60 Compilation.applyPluginsAsync
[react-cnode]/[tapable]/lib/Tapable.js:60:69
Compilation.js:567 Compilation.
[react-cnode]/[webpack]/lib/Compilation.js:567:9
Tapable.js:60 Compilation.applyPluginsAsync
[react-cnode]/[tapable]/lib/Tapable.js:60:69
Compilation.js:563 Compilation.
[react-cnode]/[webpack]/lib/Compilation.js:563:8
Tapable.js:60 Compilation.applyPluginsAsync
[react-cnode]/[tapable]/lib/Tapable.js:60:69
Compilation.js:525 Compilation.seal
[react-cnode]/[webpack]/lib/Compilation.js:525:7

ERROR in ./src/Component/IndexList.jsx
Module not found: Error: Cannot resolve 'file' or 'directory' ./common/Index in /home/nap/react/react-cnode/src/Component
@ ./src/Component/IndexList.jsx 25:14-39

ERROR in ./src/Component/Topic.jsx
Module not found: Error: Cannot resolve 'file' or 'directory' ./common/Index in /home/nap/react/react-cnode/src/Component
@ ./src/Component/Topic.jsx 25:14-39

ERROR in ./src/Component/MyMessages.jsx
Module not found: Error: Cannot resolve 'file' or 'directory' ./common/Index in /home/nap/react/react-cnode/src/Component
@ ./src/Component/MyMessages.jsx 23:14-39

ERROR in ./src/Component/TopicCreate.jsx
Module not found: Error: Cannot resolve 'file' or 'directory' ./common/Index in /home/nap/react/react-cnode/src/Component
@ ./src/Component/TopicCreate.jsx 25:14-39

ERROR in ./src/Component/UserView.jsx
Module not found: Error: Cannot resolve 'file' or 'directory' ./common/Index in /home/nap/react/react-cnode/src/Component
@ ./src/Component/UserView.jsx 23:14-39

ERROR in ./src/Component/Signout.jsx
Module not found: Error: Cannot resolve 'file' or 'directory' ./common/Index in /home/nap/react/react-cnode/src/Component
@ ./src/Component/Signout.jsx 23:14-39

ERROR in ./src/Component/Signin.jsx
Module not found: Error: Cannot resolve 'file' or 'directory' ./common/Index in /home/nap/react/react-cnode/src/Component
@ ./src/Component/Signin.jsx 23:14-39
Child html-webpack-plugin for "../index.html":

ERROR in Entry module not found: Error: Cannot resolve 'file' or 'directory' /home/nap/react/react-cnode/src/template/index.html in /home/nap/react/react-cnode

Child extract-text-webpack-plugin:
chunk {0} extract-text-webpack-plugin-output-filename 9.44 kB [rendered]
[0] ./~~/css-loader!./~~/autoprefixer-loader!.//normalize.css/normalize.css 7.96 kB {0} [built]
[1] .//css-loader/lib/css-base.js 1.48 kB {0} [built]
Child extract-text-webpack-plugin:
chunk {0} extract-text-webpack-plugin-output-filename 6.11 kB [rendered]
[0] ./~~/css-loader!./~~/autoprefixer-loader!.//flex.css/dist/flex.css 4.63 kB {0} [built]
[1] .//css-loader/lib/css-base.js 1.48 kB {0} [built]
Child extract-text-webpack-plugin:
chunk {0} extract-text-webpack-plugin-output-filename 6.45 kB [rendered]
[0] ./~~/css-loader!./~~/autoprefixer-loader!.//flex.css/dist/data-flex.css 4.97 kB {0} [built]
[1] .//css-loader/lib/css-base.js 1.48 kB {0} [built]
Child extract-text-webpack-plugin:
chunk {0} extract-text-webpack-plugin-output-filename 11.7 kB [rendered]
[0] ./~~/css-loader!./~~/autoprefixer-loader!.//less-loader!./src/Style/style.less 10.2 kB {0} [built]
[1] .//css-loader/lib/css-base.js 1.48 kB {0} [built]
Child extract-text-webpack-plugin:
Asset Size Chunks Chunk Names
iconfont.eot 10.4 kB
iconfont.woff 6.6 kB
iconfont.ttf 10.1 kB
iconfont.svg 9.81 kB
chunk {0} extract-text-webpack-plugin-output-filename 3.12 kB [rendered]
[0] ./~~/css-loader!./~~/autoprefixer-loader!./src/Iconfont/iconfont.css 1.41 kB {0} [built]
[1] .//css-loader/lib/css-base.js 1.48 kB {0} [built]
[2] ./src/Iconfont/iconfont.eot?t=1467120074 58 bytes {0} [built]
[3] ./src/Iconfont/iconfont.woff?t=1467120074 59 bytes {0} [built]
[4] ./src/Iconfont/iconfont.ttf?t=1467120074 58 bytes {0} [built]
[5] ./src/Iconfont/iconfont.svg?t=1467120074 58 bytes {0} [built]
Child extract-text-webpack-plugin:
chunk {0} extract-text-webpack-plugin-output-filename 15.5 kB [rendered]
[0] .//css-loader!./~~/autoprefixer-loader!./~~/github-markdown-css/github-markdown.css 14 kB {0} [built]
[1] ./~/css-loader/lib/css-base.js 1.48 kB {0} [built]
webpack: bundle is now VALID.

babel 编译警告

[BABEL] Note: The code generator has deoptimised the styling of "F:/React/react-cnode-master/node_modules/.4.17.2@lodash/lodash.js" as it exceeds the max of "500KB".

完全按你的README 文件走的，编译会报这个警告。应该是webpack文件没有配置好，麻烦查看。

问下楼主这里的id是起的什么作用

https://github.com/lzxb/react-cnode/blob/master/src/Component/common/GetNextPage.jsx#L21
问下楼主，这个id是起的啥作用？
这个写一个高阶组件，由它去redux拿state，那只要store里面的state有一点点变了，是不是所有由这个包装过的组件都会相当于触发了一次connect？

Recommend Projects

React

A declarative, efficient, and flexible JavaScript library for building user interfaces.
Vue.js

🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
Typescript

TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
TensorFlow

An Open Source Machine Learning Framework for Everyone
Django

The Web framework for perfectionists with deadlines.
Laravel

A PHP framework for web artisans
D3

Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

javascript

JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
web

Some thing interesting about web. New door for the world.
server

A server is a program made to process requests and deliver data to clients.
Machine learning

Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Visualization

Some thing interesting about visualization, use data art
Game

Some thing interesting about game, make everyone happy.

Recommend Org

Facebook

We are working to build community through open source technology. NB: members must have two-factor auth.
Microsoft

Open source projects and samples from Microsoft.
Google

Google ❤️ Open Source for everyone.
Alibaba

Alibaba Open Source for everyone
D3

Data-Driven Documents codes.
Tencent

China tencent open source team.