Javascript 反应js+；反应路由器错误

您好，我正在尝试完成本教程，但在添加

react router

后，我立即出现错误，代码在添加

react router

之前工作： 未捕获的合成错误：

• 意外标记<
  • 和未捕获错误：元素类型无效：应为字符串（对于内置组件）或类/函数（对于复合组件）
    但得到：未定义

有什么线索吗？谢谢你帮助我

import React, { Component } from 'react';
import ReactDOM from "react-dom";
import css from './css/style.css';
import { Router, Route, Navigation } from 'react-router';

class App extends Component {
  render() {
    return(
      <div className="catch-of-the-day">
        <div className="menu">
        <Header tagline="Fresh Seafood Market" />
        </div>
        <Order />
        <Inventory />
      </div>
    )
  }
}

//header
class Header extends Component {
  render() {
    return (
      <header className="top">
        <h1>Catch
          <span className="ofThe">
            <span className="of">of</span>
            <span className="the">the</span>
          </span>
          Day</h1>
        <h3 className="tagline"> <span>{this.props.tagline}</span></h3>
      </header>
    )
  }
}

class Order extends Component  {
  render() {
    return (
      <p>Order</p>
    )
  }
}

class Inventory extends Component {
  render() {
    return (
      <p>Inventory</p>
    )
  }
}

class StorePicker extends Component  {
  render(){
    return (
      <form className="store-selector">
        <h2>Please Enter A store</h2>
        <input type="text" ref="storeId" required />
        <input type="submit" />
      </form>
    )
  }
}

//Routes
const routes = (
  <Router>
    <Route path="/" component={StorePicker}/>
    <Route path="/store/:storeId" component={App}/>
  </Router>
)

ReactDOM.render(routes, document.getElementById('main'));

import React，{Component}来自'React'；
从“react dom”导入react dom；
从“./css/style.css”导入css；
从“react Router”导入{Router，Route，Navigation}；
类应用程序扩展组件{
render（）{
返回(
)
}
}
//标题
类头扩展组件{
render（）{
返回(
抓住
属于
这个
白天
{this.props.tagline}
)
}
}
类顺序扩展组件{
render（）{
返回(
命令

)
}
}
类清单扩展组件{
render（）{
返回(
存货

)
}
}
类StorePicker扩展组件{
render（）{
返回(
请进入一家商店
)
}
}
//路线
常数路由=(
)
render（routes，document.getElementById（'main'））；

需要更多信息。如果没有其他内容，那么如何传输JSX？index.html文件在哪里？哪里会出现错误？在webpack中？通常您也会向路由器添加历史记录<代码>从“react router”导入{browserHistory as history}时，应将其作为

导入或者使用hashHistory

它的所有设置都带有一些样板文件（我认为JSX是用babel传输的？或者我在节点模块中看到的），实际上它在路由器出现之前就工作了，所有组件都正常，之前都进行了渲染。它必须是路由器导入/实现代码中的某个地方，否则我不知道=当然，我无论如何都是noobie。代码在哪里“意外令牌需要更多信息。如果没有其他内容，那么如何传输JSX？index.html文件在哪里？哪里会出现错误？在webpack中？通常您也会向路由器添加历史记录<代码>从“react router”导入{browserHistory as history}时，应将其作为

导入或者使用hashHistory

它的所有设置都带有一些样板文件（我认为JSX是用babel传输的？或者我在节点模块中看到的），实际上它在路由器出现之前就工作了，所有组件都正常，之前都进行了渲染。它必须是路由器导入/实现代码中的某个地方，否则我不知道=当然，无论如何，我是noobie。“意外令牌”在哪里