Reactjs ошибка при импорте реагировать-самозагрузки

Question

меня Login.js и это код:

import React, {Component} from 'react'; 
import {FormGroup, FormControl} from 'react-bootstrap'; 
class Login extends Component { 
render() { 
    return (
     <div className="middle-box text-center loginscreen animated fadeInDown"> 
      <div> 
       <h1 className="logo-name">Pz</h1>      
      </div> 
      <form> 
       <FormGroup bsSize="large"> 
        <FormControl type="text" placeholder="Large text" /> 
       </FormGroup> 
      </form> 
     </div> 
    ) 
    } 
} 
export default Login 

Это мой routes.js

import React from 'react' 
import Main from '../components/layouts/Main'; 
import Blank from '../components/layouts/Blank'; 

import LoginView from '../views/Login'; 
import MainView from '../views/Main'; 
import MinorView from '../views/Minor'; 

import { Route, Router, IndexRedirect, browserHistory} from 'react-router'; 

export default (
    <Router history={browserHistory}> 
     <Route path="/" component={Main}> 
      <IndexRedirect to="/main" /> 
      <Route path="main" component={MainView}> </Route> 
      <Route path="minor" component={MinorView}> </Route> 
      <Route path="login" component={LoginView}> </Route> 
     </Route> 
    </Router> 

); 

Ошибка:

предупреждения. js: 45 Warning: React.createElement: тип не должен быть пустым, неопределенным, логическим или числом. Он должен быть строкой (для элементов DOM) или ReactClass (для составных компонентов). Проверьте метод рендеринга Login.

invariant.js: 39 Uncaught Инвариантных Нарушений: Тип элемента недействителен: ожидаются строка (для встроенных компонентов) или класс/функции (для составных компонентов), но есть не определен. Проверьте метод рендеринга Login.

Что не так с кодом? пожалуйста, помогите

Answer 1

Yeaaaahh, я знаю, в чем проблема, нужна последняя версия реакционной бутстрапа.
в моем случае, я использовал v0.30.5