小编jay*_*bee的帖子

完整的Github项目:https://github.com/pbrianmackey/uiexperiment

我跑

webpack-dev-server --content-base deployment/

然后转到http://localhost:8080/,错误

不能获取 /

我认为问题是webpack的配置错误.我检查了webpack.config.js文件并没有看到问题.我怎么能解决这个问题,所以我得到了我的问候世界的例子？

它也可能是一个路由问题.我想我可以在没有react-router的情况下使用这个网站,但我可能错了.控制台上的webpacks输出没有错误.

index.js

import "babel-polyfill";//for flipping IE
import $ from 'jquery';
import jQuery from 'jquery';
var App = require('./app');
var React = require('react');
var ReactDOM = require('react-dom')

var Hello = React.createClass({
  render: function() {
    return <div>Hello {this.props.name}</div>;
  }
});

ReactDOM.render(
  <Hello name="World" />,
  document.getElementById('container')
);

我正在努力做到这一点,这是我认为的一种常见模式,但我无法看到这方面的例子或解决方案.

这是我正在处理的当前路线

/app/services/10/

• 在app获取当前用户的登录信息
• 在/services获取服务的列表中的用户向他们提供
• 在/10获取服务10的细粒度细节

因此,我使用一些数据填充商店的方式是:

应用

import Services from './routes/Services'

export default (store) => ({
  path: 'main',
  getComponent (nextState, cb) {
    require.ensure([], require => {
      const App        = require('./containers/AppContainer').default,
            userActions = require('../store/user').actions
      store.dispatch(userActions.fetch())

      cb(null, App)
    }, 'app')
  },
  childRoutes: [
    Services(store)
  ]
})

服务

现在问题在于childRoutes:

import { injectReducer } from '../../../../store/reducers'
import Manage from './routes/Manage'

export default (store) => ({
  path: 'services',
  getComponent (nextState, cb) {
    require.ensure([], require => { …