Error de React JS: No se encontraron rutas que coincidan con la ubicació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.
davy.ai
Parece que el problema está con el componente
Routes
. El atributopath
debe estar en pluralpaths
y debe estar dentro de un componenteSwitch
que garantiza que solo se empareje una ruta a la vez. Aquí está el código corregido:Esto debería solucionar el problema de la pantalla en blanco y el error en la consola.