Javascript 反应JS路线不'；我不能正常工作

我的

/

路线未正确呈现我的主要组件

这是我的密码：

ReactDOM.render(
    <Router history={browserHistory}>
        <Route path="/" componenet={Main}>
            <IndexRoute component={Index}></IndexRoute>
            <Route path="portfolio" component={Portfolio}></Route>
        </Route>
    </Router>,
    document.getElementById('app')
);

ReactDOM.render(
,
document.getElementById（'app'）
);

这是我的主要组成部分：

export default class Main extends React.Component {     
    render() {
        console.log("asdfasfsaf");
        return(
        <div>
            <h1> This is Main Page </h1>
            {this.props.children}
        </div>
        )
    }

}

导出默认类Main.Component{
render（）{
console.log（“asdfasfsaf”）；
返回(
这是主页
{this.props.children}
)
}
}

---

一旦我加载了这个网站，它就会转到我的

索引

组件。但是，它不会显示

这是
Main.js
的主页。然后我完全删除了
Main.js中的所有代码，并重新加载，看到它仍然运行，没有任何错误。有人知道这个问题的解决方案吗？
您这里有一个输入错误
它的组件

ReactDOM.render(
  <Router history={browserHistory}>
    <Route path="/" component={Main}>
      <IndexRoute component={Index}></IndexRoute>
      <Route path="portfolio" component={Portfolio}></Route>
   </Route>
 </Router>,
 document.getElementById('app')
);

ReactDOM.render(
,
document.getElementById（'app'）
);

及

导出默认类Main.Component{
建造师（道具）{
超级（道具）
}
render（）{
console.log（“asdfasfsaf”）；
返回(
这是主页
{this.props.children}
)
}
}
peroperly>正确，组件网>组件：）
export default class Main extends React.Component {     
  constructor(props) {
    super(props)
  }
  render() {
    console.log("asdfasfsaf");
    return(
      <div>
          <h1> This is Main Page </h1>
          {this.props.children}
      </div>
    )
  }
}