React-router-dom con webpack

Avatar

hola queria preguntar como solucionan el problema siguiente: con la app de react funciona muy bien pero aca cuando quiero ver mi page404 me sale error, y se m desconfirura un poco cuando hago el build

const Menu = ()=>(

<>

<Router>

    <>

    <ul>

        <li> <Link to="/">Home</Link> </li>

        <li> <Link to="/about">About</Link> </li>

    </ul>

    <Switch>

        <Route exact path="/"  component={Home}/>

        <Route exact path="/about"  component={About}/>

        <Route component={Page404}/>

   </Switch>

    </>

</Router>

</>

) export default Menu

10respuestas
Avatar

Hola Alfred. ¿Podrias mostrar que error te sale y decirnos si importaste el componente correctamente?

Avatar

Ejeplo localhost:3000/about es lo comun

Para ver mi 404 pongo localhost:3000/aboutgd

Me sale: can no get /aboutgd y en el tittle error

Recalco q estoy haciendo con webpack

Luego mando fotos, gracias

Avatar

Ok. En ese caso debes revisar tu configuración con Webpack y que los imports tanto de los componentes como de los elementos de react router esten bien. Aqui te dejo un ejemplo rápido con tu mismo código: Ver enlace

Avatar

si, gracias por la tomarte la molestia, queria hacer mi propio kit con webpack para practicar lo aprendido etc.. pero siempre hay detalles y esta bueno porque ya me lei todos o casi todos los doc. de los cargadores,

pero aun no logro ver la falla si lo puedes ver https://github.com/AlfredRodriguez2042/mini-kit y gracias

Avatar

Probando estas nuevas funciones

Avatar

Cuales?

Avatar

ya lo resolvi pueden cerrarlo :V

use lo sig.

devServer: {

   contentBase: '../dist',

   disableHostCheck: true,

   stats: { colors: true },

   historyApiFallback: true // creo q fue esto lo q faltaba

}

Avatar

Genial Alfred!!

Al ver si se necesita el historyApiFallback cuando se esta trabajando con Webpack y React router. Disculpa que no había podido ayudarte a tiempo :(

Avatar

no te preocupes.. esta casi listo solo me falla el webpackdevmiddleware y el webpackhotmiddleware q no me recarga la pg o m sale otro error el comando server esta con algunas fallas pero anda... xD todo lo demas bien, si puedieras hecharle un ojo q te parece mi kit te lo agradeceria ya lo dejo ahi, kiero empesar otro y no quedarme con este otro dia mas

Avatar

Esta chevere Alfred el repositorio. Sigue así trabajando en tus conocimientos :)

Necesitas iniciar sesión para responder.
¿En qué estamos trabajando?