Мой Router не функционирует с webpack2

Переместив мой код в ES6 используя webpack2 он дает мне эту ошибку:

Warning: React.createElement: type is invalid - expected в string (for built-in components) or в class/function (for composite components) but got: undefined. You likely forgot to export your component from the file it's defined in. Check the render method of Routes.

мой index.jsx

import React from 'react';
import ReactDOM from 'react-dom';
import Routes from './Routes.jsx';

ReactDOM.render(<Routes/>, document.getElementById('app'));

мой Routes.jsx

import React from 'react';
import Router from 'react-router';
import Route from 'react-router';
import Redirect from 'react-router';
import browserHistory from 'react-router';
import Base from './base/base.jsx';
import ProductsList from './products/app.jsx';
import Login from './authenticate/login.jsx';


export default class Routes extends React.Component {

render(){
    return(
      <Router history={browserHistory}>
          <Redirect from="/" to="listado"/>
            <Route path="/" component={Base}>
              <Route path="listado" component={ProductsList}/>
              <Route path="login" component={Login}/>
             </Route>
       </Router>
  );
 }
}
0
задан 23.02.2017, 16:04
1 ответ

Если estГЎs используя одну versiГіn начальник React, ты будешь должен использовать

Import {BrowserRouter as Router, Route, Redirect} from 'react-router-dom'

и для Router

<Router history={browserHistory}>
  <div>
    <Redirect from="/" to="listado"/>
    <Route path="/" component={Base}>
    <Route path="listado" component={ProductsList}/>
    <Route path="login" component={Login}/>
    </Route>
  </div>
</Router>

глаз, что "div" важен, так как у объекта одинокого Router может быть элемент сын

AcГЎ пример mГЎs полно

1
ответ дан 24.11.2019, 10:55

Теги

Похожие вопросы