Webpack 2 añade un "slash" (/) en los links de react-router, como quitarlos?

Pregunta de la clase:
Juan Castro

Juan Castro

Pregunta
teacherhace 8 años

Cuando uso un Link al home por ejemplo, a la ruta “/”, webpack lo transforma en “//”, osea que me navega fuera de mi aplicación…

4 respuestas
para escribir tu comentario
    Ricardo Azpeitia P.

    Ricardo Azpeitia P.

    studenthace 8 años

    Te recomiendo actualizar a

    React Router 4.0.0-beta.6
    para arreglar este comportamiento.

    Ricardo Azpeitia P.

    Ricardo Azpeitia P.

    studenthace 8 años

    Parece estar relacionado con react-router, por lo que comenta la gente hay un fix, pero milestone todavía esta abierto así que no creo que este disponible de momento en npm. Puedes hacer tu mismo build de esto o esperar que este en npm.

    Fuente: https://github.com/ReactTraining/react-router/issues/4445

    Ricardo Azpeitia P.

    Ricardo Azpeitia P.

    studenthace 8 años

    Esto pasa en todas las rutas o solamente en la principal?

    Juan Castro

    Juan Castro

    teacherhace 8 años

    Este es el código de webpack:

    const config = { name: "server", entry: './src/server.jsx', output: { filename: 'server.js', path: path.resolve(__dirname, '../build'), }, module: { rules: [ { test: /\.jsx?$/, loader: "babel-loader", exclude: /node_modules/, // Options in ".babelrc" file // options: { presets: ['es2016', 'es2017', 'react'] }, }, ] }, resolve: { extensions: [".js", ".jsx"], }, target: 'node' }

    Esto:

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

    Lo vuelve esto:

    <a href="//">Home</a>
Curso Profesional de React con Redux 2016

Curso Profesional de React con Redux 2016

Desarrolla apps modulares en Javascript con React.js, la librería de más crecimiento en la web, creada por Facebook. Aprende desarrollo ágil de aplicaciones web con Redux y JSX.

Curso Profesional de React con Redux 2016
Curso Profesional de React con Redux 2016

Curso Profesional de React con Redux 2016

Desarrolla apps modulares en Javascript con React.js, la librería de más crecimiento en la web, creada por Facebook. Aprende desarrollo ágil de aplicaciones web con Redux y JSX.