reactjs - 导入后react-router v2.0.0中路由器未定义

Question

我正在尝试使用react-router v2.0.0，当我使用import { Router, Route, browserHistory } from 'react-router'然后console.log(Router) 我知道 Router 未定义。但是，当我记录 Route 时，它​​会输出正确的对象。

"use strict";

import React from 'react'
import { Router, Route, browserHistory } from 'react-router'
import Home from './pages/home.js'
import Entrance from './pages/Entrance.js'
import Courses from './pages/Courses.js'
import Quizzes from './pages/Quizzes.js'

console.log("conner", Router);
console.log("conner", Route);

module.exports = (
  <Router history={browserHistory}>
    <Route path="/" component={Home}>
      <Route path="entrance" component={Entrance} />
      <Route path="courses" component={Courses} />
      <Route path="quizzes" component={Quizzes} />
    </Route>
  </Router>
);

这一切都会导致此控制台错误:未捕获的不变违规:ReactDOM.render():无效的组件元素。这可能是由于无意中加载了两个独立的 React 副本造成的

我做错了什么？

Answer 1

你是否进入你的node_modules并进入react-router来检查其package.json中的版本？