Instale react-router-dom, y seguí los paso del video, pero al momento de probar la ruta en el navegador solo me muestra en pantalla: Cann...

Carlos Gerardo Pérez Horta

Pregunta

student•hace 6 años

Instale react-router-dom, y seguí los paso del video, pero al momento de probar la ruta en el navegador solo me muestra en pantalla:

Cannot GET /badges

Pero si la ruta la dejo como path="/" si me muestra en pantalla el componente que le indique.

¿Alguna idea de lo que este pasando?

Les dejo mi código mas abajo.

import React from 'react';
import { BrowserRouter as Router, Route, Switch} from 'react-router-dom';
import BadgeNew from '../pages/BadgeNew';
import Badges from '../pages/Badges';

function App(){
    return (
        <Router>
            <Switch>
                <Route exact path="/badges" component={Badges}/>
                <Route exact path="/badges/new" component={BadgeNew} />
            </Switch>
        </Router>
    );
}

export default App;

Juan David González Rodríguez

student•hace 5 años

Gracias a usted, oh encerio me mate buscando como hacer servir las rutas con react-router en webpack , muchas gracias <3

Carlos Gerardo Pérez Horta

student•hace 6 años

Hola, gracias por su apoyo, ya encontré el problema, dentro de mi archivo de configuración de webpack me faltaban las siguientes lineas:

publicPath: '/' historyApiFallback: true,

El archivo tendría que quedar asi:

output: {
        path: path.resolve(__dirname, 'dist'),
        filename: 'bundle.js',
        publicPath: '/'
    },
devServer: {
        contentBase: path.join(__dirname, 'dist'),
        compress: true,
        port: 9000,
        historyApiFallback: true,
    },

José Miguel González Rivas

student•hace 6 años

Necesitas servir la plantilla, el servidor de desarrollo no sirve para eso, con apache puedes hacerlo con htaccess o con servidor backend con node o con el lenguaje de tu preferencia

Alejandro Sanabria

Team Platzi•hace 6 años

Es porque necesita un default en path="/"

Oscar Barajas Tavares

Team Platzi•hace 6 años

Veo el código que nos compartes y no hay ningún error visible, ¿En consola te sale algún error?

Instale react-router-dom, y seguí los paso del video, pero al momento de probar la ruta en el navegador solo me muestra en pantalla: Cann...

Curso de React.js [Empieza Gratis]

Curso de React.js [Empieza Gratis]