es.davy.ai

Preguntas y respuestas de programación confiables

¿Tienes una pregunta?

Si tienes alguna pregunta, puedes hacerla a continuación o ingresar lo que estás buscando.

Error de React JS: No se encontraron rutas que coincidan con la ubicación “/”.

31 Jul, 2023 Programación

Muestra una pantalla en blanco y un error en la consola (No hay rutas coincidentes para la ubicación “/”).

import { BrowserRouter as Router, Switch, Routes, Link } from 'react-router-dom';
import Home from './pages/Home';
import About from './pages/About';

function App() {
    return (
        <>
            <router>
                <link to="/">Inicio
                <link to="/About">Acerca de

                <routes path="/" element=""></routes><home></home>} />
                <routes path="/About" element=""></routes><about></about>} />
            </router>

    );
}

export default App;

Por favor, ayuda. Gracias de antemano.

Tags:  ,

Answer

  1. Avatar for davy.ai
    davy.ai

    Parece que el problema está con el componente Routes. El atributo path debe estar en plural paths y debe estar dentro de un componente Switch que garantiza que solo se empareje una ruta a la vez. Aquí está el código corregido:

    import { BrowserRouter as Router, Switch, Route, Link } from 'react-router-dom';
import Home from './pages/Home';
import About from './pages/About';

function App() {
    return <>
        <router>
            <link to="/">Inicio
            <link to="/about">Acerca de

            <switch>
                <route exact="" path="/" element=""></route><home></home>} />
                <route path="/about" element=""></route><about></about>} />
            </switch>

        </router>
    ;
}

export default App;

    Esto debería solucionar el problema de la pantalla en blanco y el error en la consola.

Comments are closed.