Reactjs 不显示组件

我有一个MainRouter.js，它封装了我所有的路由

该组件进行渲染，但用户组件不进行渲染，并且I get Cannot/get Users错误

MainRouter.js：

---

这是客户端渲染的问题还是服务器端渲染的问题？

请尝试在Users.js中使用tylesstyles{Users}导出默认语法。用户组件应作为对象传递。

我希望您的路由被封装在react router dom的组件中？是的，Main router嵌入在BrowserRouter中。如果将output.publicPath='/'和devServer.historyApiFallback=true添加到您的网页包配置中，请告诉我是否解决了您的问题。您可以在此处参考相同内容：

import React, {Component} from 'react'
import {Route, Switch} from 'react-router-dom'
import Home from './core/Home'
import Users from './user/Users'  
class MainRouter extends Component {
  render() {
    return (
     <div>
      <Switch>
        <Route exact path="/" component={Home}/>
        <Route path="/users" component={Users}/>
      </Switch>
    </div>)
  }
}

export default MainRouter

// import statements
// ...
class Users extends Component {
  state = { users: []}
  render() {
    const {classes} = this.props
    return (
        <List dense>
         {this.state.users.map((item, i) => {
          return <Link to={"/user/" + item._id} key={i}>

                      <ListItemText primary={item.name}/>
                      <ListItemSecondaryAction>
                      <IconButton>
                          <ArrowForward/>
                      </IconButton>
                      </ListItemSecondaryAction>
                    </ListItem>
                 </Link>
               })
             }
        </List>
    )
  }
}

Users.propTypes = {
  classes: PropTypes.object.isRequired
}

export default withStyles(styles)(Users)