Entrar Ainda não tem acesso?
1
resposta

Problema na versão do react router

Referente ao curso React parte 2: Container components e o ciclo de vida do react

por Sandra Santos Barros Ferreira
| 180.8k xp | 5 posts

Estou usando:

"react-router": "^4.3.1",

e ao aplicar as alterações no index.js

import React from 'react';
import ReactDOM from 'react-dom';
import './index.css';
import App from './App';
import Login from './componentes/Login';
import registerServiceWorker from './registerServiceWorker';
import {Router, Route, browserHistory} from 'react-router'; 


ReactDOM.render(
    (
        <Router history = {browserHistory}>
            <Route path="/" component={Login}/>
            <Route path="/timeline" component={App}/>

        </Router>

    )
    , document.getElementById('root'));
registerServiceWorker();

Ele apresenta o seguinte erro:

Failed to compile
./src/index.js
12:15-29 'react-router' does not contain an export named 'browserHistory'.

Verifiquei e parece que a versão 4 não tem o browserHistory, o que fazer ?

1 resposta
por Rafael Rollo
| 496k xp | 755 posts
Alura Scuba Team Instrutor e Desenvolvedor

Oi Sandra, tudo bem ?

Dei uma olhada nas versões das dependências que o instrutor usou no curso. No package.json da última aula a versão da react-router é a 3.0.0. Imagino que se você alterar o conteúdo do seu package.json ajustando a versão - "react-router": "3.0.0" - e reconstruir o projeto deva conseguir rodar o projeto. Depois de salvar a alteração delete a pasta node_modules/ e execute o comando npm install na pasta do projeto.

Segue o conteúdo do package.jsonutilizado no curso:

{
  "name": "instalura",
  "version": "0.1.0",
  "private": true,
  "devDependencies": {
    "react-scripts": "0.8.5"
  },
  "dependencies": {
    "immutable": "3.8.1",
    "pubsub-js": "1.5.4",
    "react": "15.4.2",
    "react-dom": "15.4.2",
    "react-redux": "5.0.2",
    "react-router": "3.0.0",
    "redux": "3.6.0",
    "redux-thunk": "2.2.0"
  },
  "scripts": {
    "start": "react-scripts start",
    "build": "react-scripts build",
    "test": "react-scripts test --env=jsdom",
    "eject": "react-scripts eject"
  }
}

Espero ter ajudado. Abraço!