{"id":66050,"date":"2023-05-19T12:54:34","date_gmt":"2023-05-19T10:54:34","guid":{"rendered":"https:\/\/kinsta.com\/es\/?p=66050&#038;post_type=knowledgebase&#038;preview_id=66050"},"modified":"2025-10-01T21:29:50","modified_gmt":"2025-10-01T19:29:50","slug":"error-de-intento-de-importacion-switch-is-not-exported-from-react-router-dom","status":"publish","type":"post","link":"https:\/\/kinsta.com\/es\/blog\/error-de-intento-de-importacion-switch-is-not-exported-from-react-router-dom\/","title":{"rendered":"C\u00f3mo Solucionar el Error \u00abSwitch is not exported from \u2018react-router-dom\u2019 en React\u00bb"},"content":{"rendered":"<p>React Router es una popular biblioteca de enrutamiento utilizada en aplicaciones <a href=\"https:\/\/kinsta.com\/es\/blog\/que-es-react-js\/\">React<\/a> para gestionar la navegaci\u00f3n y proporcionar una funcionalidad de enrutamiento sin problemas. Sin embargo, como ocurre con cualquier biblioteca, con el tiempo pueden producirse actualizaciones y cambios, lo que puede dar lugar a errores, ya que algunas funciones quedan obsoletas.<\/p>\n<p>Un error com\u00fan que puedes encontrar al implementar el enrutamiento en aplicaciones React es el error \u00ab&#8216;Switch&#8217; is not exported from &#8216;react-router-dom'\u00bb.<\/p>\n<p>Este error se produce cuando actualizas de una versi\u00f3n antigua de <a href=\"https:\/\/reactrouter.com\/en\/main\" target=\"_blank\" rel=\"noopener noreferrer\">React Router<\/a> a una versi\u00f3n m\u00e1s reciente (actualmente la v6) sin tener en cuenta algunos componentes obsoletos como <code>&lt;Switch&gt;<\/code>.<\/p>\n<p>En este art\u00edculo, aprender\u00e1s las causas de este error y c\u00f3mo solucionarlo, asegurando un enrutamiento y navegaci\u00f3n fluidos en tus aplicaciones React.<\/p>\n<div><\/div><kinsta-auto-toc heading=\"Table of Contents\" exclude=\"last\" list-style=\"arrow\" selector=\"h2\" count-number=\"-1\"><\/kinsta-auto-toc>\n<h2>\u00bfQu\u00e9 Causa el Error \u00ab&#8216;Switch\u2019 is not exported from \u2018react-router-dom'\u00bb?<\/h2>\n<p>En React Router versi\u00f3n 5 y anteriores, el componente <code>&lt;Switch&gt;<\/code> <a href=\"https:\/\/v5.reactrouter.com\/web\/api\/Switch\">se utilizaba para envolver todas las rutas de tu aplicaci\u00f3n React<\/a>. En la versi\u00f3n 6 de React Router, el componente <code>&lt;Switch&gt;<\/code> <a href=\"https:\/\/reactrouter.com\/en\/main\/upgrading\/v5#upgrade-all-switch-elements-to-routes\">ha quedado obsoleto y se ha sustituido<\/a> por el componente <code>&lt;Routes&gt;<\/code>.<\/p>\n<p>El componente <code>&lt;Routes&gt;<\/code> de React Router v6 proporciona un enfoque m\u00e1s declarativo y flexible del enrutamiento en comparaci\u00f3n con el componente obsoleto <code>&lt;Switch&gt;<\/code>.<\/p>\n<p>Por tanto, si has actualizado recientemente a React Router v6 (o a una versi\u00f3n m\u00e1s reciente) y sigues intentando utilizar el componente obsoleto <code>&lt;Switch&gt;<\/code>, te encontrar\u00e1s con el error \u00ab&#8216;Switch&#8217; is not exported from &#8216;react-router-dom'\u00bb.<\/p>\n<figure style=\"width: 1600px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2023\/04\/switch-react-router-error.jpg\" alt=\"Mensaje de error Switch 'is not exported from 'react-router-dom\" width=\"1600\" height=\"255\"><figcaption class=\"wp-caption-text\">Switch &#8216;is not exported from &#8216;react-router-dom&#8217;<\/figcaption><\/figure>\n\n<h2>2 Formas de Solucionar el Error \u00ab&#8216;Switch&#8217; is not exported from \u2018react-router-dom&#8217;<\/h2>\n<p>Este error puede solucionarse de dos formas, dependiendo del enfoque deseado y de los requisitos de tu proyecto. Las dos formas son las siguientes:<\/p>\n<ul>\n<li>Utiliza &lt;Routes&gt; en lugar de &lt;Switch&gt;.<\/li>\n<li>Baja la versi\u00f3n de <strong>react-router-dom<\/strong> a 5 o inferior<\/li>\n<\/ul>\n<h3>1. Utiliza &lt;Routes&gt; en lugar de &lt;Switch&gt;.<\/h3>\n<p>Una forma de solucionar el error \u00ab&#8216;Switch&#8217; is not exported from \u2018react-router-dom'\u00bb es sustituir <code>&lt;Switch&gt;<\/code> por <code>&lt;Routes&gt;<\/code>.<\/p>\n<p>Veamos un ejemplo de c\u00f3mo actualizar tu c\u00f3digo de enrutamiento pasando de utilizar el componente obsoleto <code>&lt;Switch&gt;<\/code> de la versi\u00f3n 5 de React Router al nuevo componente <code>&lt;Routes&gt;<\/code> de la versi\u00f3n 6 de React Router.<\/p>\n<p>En la versi\u00f3n 5 de React Router:<\/p>\n<pre><code class=\"language-jsx\">import { BrowserRouter as Router, Route, Switch } from 'react-router-dom';\nimport Home from '.\/components\/Home';\nimport About from '.\/components\/About';\nimport Contact from '.\/components\/Contact';\n\nconst App = () =&gt; {\n  return (\n    &lt;Router&gt;\n      &lt;Switch&gt;\n        &lt;Route exact path=\"\/\" component={Home} \/&gt;\n        &lt;Route path=\"\/about\" component={About} \/&gt;\n        &lt;Route path=\"\/contact\" component={Contact} \/&gt;\n      &lt;\/Switch&gt;\n    &lt;\/Router&gt;\n  );\n};\n\nexport default App;<\/code><\/pre>\n<p>En el c\u00f3digo anterior, estamos utilizando el componente <code>&lt;Switch&gt;<\/code> para envolver nuestras rutas. Sin embargo, en la versi\u00f3n 6 de React Router, tenemos que actualizar nuestro c\u00f3digo de rutas para utilizar el componente <code>&lt;Routes&gt;<\/code> y seguir la <a href=\"https:\/\/kinsta.com\/es\/blog\/microservicios-vs-api\/\">API<\/a> actualizada.<\/p>\n<p>As\u00ed es como se ver\u00eda el mismo ejemplo en React Router versi\u00f3n 6 y posteriores:<\/p>\n<pre><code class=\"language-jsx\">import { BrowserRouter as Router, Route, Routes } from 'react-router-dom';\nimport Home from '.\/components\/Home';\nimport About from '.\/components\/About';\nimport Contact from '.\/components\/Contact';\n\nconst App = () =&gt; {\n  return (\n    &lt;Router&gt;\n      &lt;Routes&gt;\n        &lt;Route path=\"\/\" element={&lt;Home \/&gt;} \/&gt;\n        &lt;Route path=\"\/about\" element={&lt;About \/&gt;} \/&gt;\n        &lt;Route path=\"\/contact\" element={&lt;Contact \/&gt;} \/&gt;\n      &lt;\/Routes&gt;\n    &lt;\/Router&gt;\n  );\n};\n\nexport default App;<\/code><\/pre>\n<p>Como puedes ver, hemos sustituido el componente <code>&lt;Switch&gt;<\/code> por el componente <code>&lt;Routes&gt;<\/code>, y cada <code>&lt;Route&gt;<\/code> se define ahora utilizando la prop <code>element<\/code> en lugar de la prop <code>component<\/code>.<\/p>\n<aside role=\"note\" class=\"wp-block-kinsta-notice is-style-info\">\n            <h3>Info<\/h3>\n        <p>La prop <code>exact<\/code> ya no es necesaria en la versi\u00f3n 6 de React Router, ya que es el comportamiento por defecto. Adem\u00e1s, el componente <code>&lt;Route&gt;<\/code> ya no utiliza <code>component={Home}<\/code> para asignar el componente, sino que ahora utiliza <code>element={&lt;Contact\/&gt;}<\/code>.<\/p>\n<\/aside>\n\n<h4>Ventajas de Routes sobre Switch en React Router v6<\/h4>\n<p>Con el lanzamiento de React Router v6, la introducci\u00f3n del componente <code>&lt;Routes&gt;<\/code> ha aportado varias ventajas sobre el componente <code>&lt;Switch&gt;<\/code>, obsoleto en versiones anteriores.<\/p>\n<p>Veamos algunas ventajas de utilizar <code>&lt;Routes&gt;<\/code> para manejar la l\u00f3gica de enrutamiento en tus aplicaciones React.<\/p>\n<h5>1. Enrutamiento Anidado Mejorado<\/h5>\n<p><code>&lt;Routes&gt;<\/code> permite configuraciones de enrutamiento anidado mejoradas en comparaci\u00f3n con <code>&lt;Switch&gt;<\/code>. Con <code>&lt;Routes&gt;<\/code>, puedes definir rutas anidadas f\u00e1cilmente anidando componentes <code>&lt;Route&gt;<\/code> dentro de otros componentes <code>&lt;Route&gt;<\/code>, lo que hace m\u00e1s intuitivo y organizado el manejo de estructuras de enrutamiento complejas.<\/p>\n<p>Esto puede ayudar a simplificar la gesti\u00f3n de la l\u00f3gica de enrutamiento en aplicaciones m\u00e1s grandes con m\u00faltiples niveles de rutas anidadas.<\/p>\n<pre><code class=\"language-jsx\">&lt;Routes&gt;\n  &lt;Route path=\"\/\" element={&lt;Home \/&gt;} \/&gt;\n  &lt;Route path=\"\/about\" element={&lt;About \/&gt;}&gt;\n    &lt;Route path=\"\/team\" element={&lt;Team \/&gt;} \/&gt;\n    &lt;Route path=\"\/history\" element={&lt;History \/&gt;} \/&gt;\n  &lt;\/Route&gt;\n  &lt;Route path=\"\/contact\" element={&lt;Contact \/&gt;} \/&gt;\n&lt;\/Routes&gt;<\/code><\/pre>\n<h5>2. Correspondencia Din\u00e1mica de Rutas<\/h5>\n<p><code>&lt;Routes&gt;<\/code> proporciona m\u00e1s flexibilidad a la hora de emparejar y renderizar rutas din\u00e1micamente en funci\u00f3n de los par\u00e1metros de la ruta. Esto permite un enrutamiento m\u00e1s din\u00e1mico y basado en datos en tu aplicaci\u00f3n.<\/p>\n<pre><code class=\"language-jsx\">&lt;Routes&gt;\n  &lt;Route path=\"\/\" element={&lt;Home \/&gt;} \/&gt;\n  &lt;Route path=\"\/users\/:userId\" element={&lt;UserProfile \/&gt;} \/&gt;\n  &lt;Route path=\"\/products\/:productId\" element={&lt;ProductDetail \/&gt;} \/&gt;\n&lt;\/Routes&gt;<\/code><\/pre>\n<h5>3. Gesti\u00f3n de Errores Mejorada<\/h5>\n<p><code>&lt;Routes&gt;<\/code> proporciona una gesti\u00f3n de errores mejorada para las rutas no encontradas. Si no se encuentra una ruta, <code>&lt;Routes&gt;<\/code> muestra autom\u00e1ticamente un componente \u00abNot Found\u00bb o un componente de error personalizado que puedes definir.<\/p>\n<p>Esto puede ayudar a mejorar la experiencia del usuario gestionando con elegancia las URL no v\u00e1lidas o las rutas que no existen en tu aplicaci\u00f3n.<\/p>\n<pre><code class=\"language-jsx\">&lt;Routes&gt;\n  &lt;Route path=\"\/\" element={&lt;Home \/&gt;} \/&gt;\n  &lt;Route path=\"\/about\" element={&lt;About \/&gt;} \/&gt;\n  {\/* Error route *\/}\n  &lt;Route path=\"*\" element={&lt;NotFound \/&gt;} \/&gt;\n&lt;\/Routes&gt;<\/code><\/pre>\n<h3>2. Baja la versi\u00f3n de react-router-dom a 5 o inferior<\/h3>\n<p>Si prefieres seguir utilizando <code>&lt;Switch&gt;<\/code> en tu proyecto, puedes solucionar el error bajando la versi\u00f3n de <strong>react-router-dom<\/strong> a 5 o inferior.<\/p>\n<p>Esta puede ser una soluci\u00f3n viable si tienes un proyecto existente que se construy\u00f3 utilizando una versi\u00f3n anterior de React Router. Puedes hacer esto desinstalando primero la \u00faltima versi\u00f3n de React router que instalaste usando el siguiente comando:<\/p>\n<pre><code class=\"language-bash\">npm uninstall react-router-dom<\/code><\/pre>\n<p>Ahora puedes utilizar este comando para instalar la \u00faltima versi\u00f3n principal que inclu\u00eda el componente &lt;Switch&gt;, o sea la versi\u00f3n 5.2.0:<\/p>\n<pre><code class=\"language-bash\">npm install react-router-dom@5.2.0<\/code><\/pre>\n\n<h2>Resumen<\/h2>\n<p>En este art\u00edculo, has aprendido sobre el error \u201c\u2018Switch\u2019 is not exported from \u2018react-router-dom&#8217;\u201d en React y has explorado algunas formas de solucionarlo. Tambi\u00e9n has aprendido las ventajas de utilizar el nuevo componente <code>&lt;Routes&gt;<\/code> frente al componente obsoleto <code>&lt;Switch&gt;<\/code>.<\/p>\n<p>Al iniciar un nuevo proyecto, se recomienda utilizar siempre la \u00faltima versi\u00f3n de React Router, ya que ofrece mejoras significativas y actualizaciones continuas.<\/p>\n<p>Sin embargo, supongamos que est\u00e1s trabajando en un proyecto existente, y no tienes tiempo de actualizar ampliamente tu c\u00f3digo para utilizar la nueva sintaxis y componentes v6 de React Router. En ese caso, sigue utilizando la versi\u00f3n anterior de React Router que funcione con tu c\u00f3digo.<\/p>\n<p><em>Ahora te toca a ti: \u00bfTe has encontrado alguna vez con este problema? \u00bfC\u00f3mo lo resolviste? \u00bfHay alg\u00fan otro m\u00e9todo que hayas utilizado y que no se haya tratado en este art\u00edculo? \u00a1H\u00e1znoslo saber en los comentarios!<\/em><\/p>\n","protected":false},"excerpt":{"rendered":"<p>React Router es una popular biblioteca de enrutamiento utilizada en aplicaciones React para gestionar la navegaci\u00f3n y proporcionar una funcionalidad de enrutamiento sin problemas. Sin embargo, &#8230;<\/p>\n","protected":false},"author":287,"featured_media":66051,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_kinsta_gated_content":false,"_kinsta_gated_content_redirect":"","footnotes":""},"tags":[],"topic":[1322,1321],"class_list":["post-66050","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","topic-errores-react","topic-react"],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v24.6 (Yoast SEO v24.6) - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>C\u00f3mo Solucionar el Error &quot;Switch is not exported from \u2018react-router-dom\u2019 en React&quot; - Kinsta\u00ae<\/title>\n<meta name=\"description\" content=\"Esta gu\u00eda f\u00e1cil de seguir te muestra dos formas de solucionar el error de intento de importaci\u00f3n: &#039;switch&#039; is not exported from &#039;react-router-dom&#039;.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/kinsta.com\/es\/blog\/error-de-intento-de-importacion-switch-is-not-exported-from-react-router-dom\/\" \/>\n<meta property=\"og:locale\" content=\"es_ES\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"C\u00f3mo Solucionar el Error &quot;Switch is not exported from \u2018react-router-dom\u2019 en React&quot;\" \/>\n<meta property=\"og:description\" content=\"Esta gu\u00eda f\u00e1cil de seguir te muestra dos formas de solucionar el error de intento de importaci\u00f3n: &#039;switch&#039; is not exported from &#039;react-router-dom&#039;.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/kinsta.com\/es\/blog\/error-de-intento-de-importacion-switch-is-not-exported-from-react-router-dom\/\" \/>\n<meta property=\"og:site_name\" content=\"Kinsta\u00ae\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/kinsta.es\/\" \/>\n<meta property=\"article:published_time\" content=\"2023-05-19T10:54:34+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2025-10-01T19:29:50+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/kinsta.com\/es\/wp-content\/uploads\/sites\/8\/2023\/05\/attempted-import-error-featured.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1500\" \/>\n\t<meta property=\"og:image:height\" content=\"750\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Joel Olawanle\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:description\" content=\"Esta gu\u00eda f\u00e1cil de seguir te muestra dos formas de solucionar el error de intento de importaci\u00f3n: &#039;switch&#039; is not exported from &#039;react-router-dom&#039;.\" \/>\n<meta name=\"twitter:image\" content=\"https:\/\/kinsta.com\/es\/wp-content\/uploads\/sites\/8\/2023\/05\/attempted-import-error-featured.jpg\" \/>\n<meta name=\"twitter:creator\" content=\"@olawanle_joel\" \/>\n<meta name=\"twitter:site\" content=\"@Kinsta_ES\" \/>\n<meta name=\"twitter:label1\" content=\"Escrito por\" \/>\n\t<meta name=\"twitter:data1\" content=\"Joel Olawanle\" \/>\n\t<meta name=\"twitter:label2\" content=\"Tiempo de lectura\" \/>\n\t<meta name=\"twitter:data2\" content=\"6 minutos\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/kinsta.com\/es\/blog\/error-de-intento-de-importacion-switch-is-not-exported-from-react-router-dom\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/kinsta.com\/es\/blog\/error-de-intento-de-importacion-switch-is-not-exported-from-react-router-dom\/\"},\"author\":{\"name\":\"Joel Olawanle\",\"@id\":\"https:\/\/kinsta.com\/es\/#\/schema\/person\/efa7de30245ca15be5ce1dcacff89c07\"},\"headline\":\"C\u00f3mo Solucionar el Error \u00abSwitch is not exported from \u2018react-router-dom\u2019 en React\u00bb\",\"datePublished\":\"2023-05-19T10:54:34+00:00\",\"dateModified\":\"2025-10-01T19:29:50+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/kinsta.com\/es\/blog\/error-de-intento-de-importacion-switch-is-not-exported-from-react-router-dom\/\"},\"wordCount\":1053,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/kinsta.com\/es\/#organization\"},\"image\":{\"@id\":\"https:\/\/kinsta.com\/es\/blog\/error-de-intento-de-importacion-switch-is-not-exported-from-react-router-dom\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/kinsta.com\/es\/wp-content\/uploads\/sites\/8\/2023\/05\/attempted-import-error-featured.jpg\",\"inLanguage\":\"es\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/kinsta.com\/es\/blog\/error-de-intento-de-importacion-switch-is-not-exported-from-react-router-dom\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/kinsta.com\/es\/blog\/error-de-intento-de-importacion-switch-is-not-exported-from-react-router-dom\/\",\"url\":\"https:\/\/kinsta.com\/es\/blog\/error-de-intento-de-importacion-switch-is-not-exported-from-react-router-dom\/\",\"name\":\"C\u00f3mo Solucionar el Error \\\"Switch is not exported from \u2018react-router-dom\u2019 en React\\\" - Kinsta\u00ae\",\"isPartOf\":{\"@id\":\"https:\/\/kinsta.com\/es\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/kinsta.com\/es\/blog\/error-de-intento-de-importacion-switch-is-not-exported-from-react-router-dom\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/kinsta.com\/es\/blog\/error-de-intento-de-importacion-switch-is-not-exported-from-react-router-dom\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/kinsta.com\/es\/wp-content\/uploads\/sites\/8\/2023\/05\/attempted-import-error-featured.jpg\",\"datePublished\":\"2023-05-19T10:54:34+00:00\",\"dateModified\":\"2025-10-01T19:29:50+00:00\",\"description\":\"Esta gu\u00eda f\u00e1cil de seguir te muestra dos formas de solucionar el error de intento de importaci\u00f3n: 'switch' is not exported from 'react-router-dom'.\",\"breadcrumb\":{\"@id\":\"https:\/\/kinsta.com\/es\/blog\/error-de-intento-de-importacion-switch-is-not-exported-from-react-router-dom\/#breadcrumb\"},\"inLanguage\":\"es\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/kinsta.com\/es\/blog\/error-de-intento-de-importacion-switch-is-not-exported-from-react-router-dom\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\/\/kinsta.com\/es\/blog\/error-de-intento-de-importacion-switch-is-not-exported-from-react-router-dom\/#primaryimage\",\"url\":\"https:\/\/kinsta.com\/es\/wp-content\/uploads\/sites\/8\/2023\/05\/attempted-import-error-featured.jpg\",\"contentUrl\":\"https:\/\/kinsta.com\/es\/wp-content\/uploads\/sites\/8\/2023\/05\/attempted-import-error-featured.jpg\",\"width\":1500,\"height\":750},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/kinsta.com\/es\/blog\/error-de-intento-de-importacion-switch-is-not-exported-from-react-router-dom\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/kinsta.com\/es\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Errores React\",\"item\":\"https:\/\/kinsta.com\/es\/secciones\/errores-react\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"C\u00f3mo Solucionar el Error \u00abSwitch is not exported from \u2018react-router-dom\u2019 en React\u00bb\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/kinsta.com\/es\/#website\",\"url\":\"https:\/\/kinsta.com\/es\/\",\"name\":\"Kinsta\u00ae\",\"description\":\"Soluciones de alojamiento premium, r\u00e1pidas y seguras\",\"publisher\":{\"@id\":\"https:\/\/kinsta.com\/es\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/kinsta.com\/es\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"es\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/kinsta.com\/es\/#organization\",\"name\":\"Kinsta\",\"url\":\"https:\/\/kinsta.com\/es\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\/\/kinsta.com\/es\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/kinsta.com\/es\/wp-content\/uploads\/sites\/8\/2023\/12\/kinsta-logo.jpeg\",\"contentUrl\":\"https:\/\/kinsta.com\/es\/wp-content\/uploads\/sites\/8\/2023\/12\/kinsta-logo.jpeg\",\"width\":500,\"height\":500,\"caption\":\"Kinsta\"},\"image\":{\"@id\":\"https:\/\/kinsta.com\/es\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/kinsta.es\/\",\"https:\/\/x.com\/Kinsta_ES\",\"https:\/\/www.instagram.com\/kinstahosting\/\",\"https:\/\/www.linkedin.com\/company\/kinsta\/\",\"https:\/\/www.pinterest.com\/kinstahosting\/\",\"https:\/\/www.youtube.com\/c\/Kinsta\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/kinsta.com\/es\/#\/schema\/person\/efa7de30245ca15be5ce1dcacff89c07\",\"name\":\"Joel Olawanle\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\/\/kinsta.com\/es\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/051bf577ce2c837846a1db9eef184758?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/051bf577ce2c837846a1db9eef184758?s=96&d=mm&r=g\",\"caption\":\"Joel Olawanle\"},\"description\":\"Joel is a Frontend developer working at Kinsta as a Technical Editor. He is a passionate teacher with love for open source and has written over 300 technical articles majorly around JavaScript and it's frameworks.\",\"sameAs\":[\"https:\/\/joelolawanle.com\/\",\"https:\/\/www.linkedin.com\/in\/olawanlejoel\/\",\"https:\/\/x.com\/olawanle_joel\",\"https:\/\/www.youtube.com\/@joelolawanle\"],\"gender\":\"male\",\"knowsAbout\":[\"JavaScript\",\"React\",\"Next.js\"],\"knowsLanguage\":[\"English\"],\"jobTitle\":\"Technical Editor\",\"worksFor\":\"Kinsta\",\"url\":\"https:\/\/kinsta.com\/es\/blog\/author\/joelolawanle\/\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"C\u00f3mo Solucionar el Error \"Switch is not exported from \u2018react-router-dom\u2019 en React\" - Kinsta\u00ae","description":"Esta gu\u00eda f\u00e1cil de seguir te muestra dos formas de solucionar el error de intento de importaci\u00f3n: 'switch' is not exported from 'react-router-dom'.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/kinsta.com\/es\/blog\/error-de-intento-de-importacion-switch-is-not-exported-from-react-router-dom\/","og_locale":"es_ES","og_type":"article","og_title":"C\u00f3mo Solucionar el Error \"Switch is not exported from \u2018react-router-dom\u2019 en React\"","og_description":"Esta gu\u00eda f\u00e1cil de seguir te muestra dos formas de solucionar el error de intento de importaci\u00f3n: 'switch' is not exported from 'react-router-dom'.","og_url":"https:\/\/kinsta.com\/es\/blog\/error-de-intento-de-importacion-switch-is-not-exported-from-react-router-dom\/","og_site_name":"Kinsta\u00ae","article_publisher":"https:\/\/www.facebook.com\/kinsta.es\/","article_published_time":"2023-05-19T10:54:34+00:00","article_modified_time":"2025-10-01T19:29:50+00:00","og_image":[{"width":1500,"height":750,"url":"https:\/\/kinsta.com\/es\/wp-content\/uploads\/sites\/8\/2023\/05\/attempted-import-error-featured.jpg","type":"image\/jpeg"}],"author":"Joel Olawanle","twitter_card":"summary_large_image","twitter_description":"Esta gu\u00eda f\u00e1cil de seguir te muestra dos formas de solucionar el error de intento de importaci\u00f3n: 'switch' is not exported from 'react-router-dom'.","twitter_image":"https:\/\/kinsta.com\/es\/wp-content\/uploads\/sites\/8\/2023\/05\/attempted-import-error-featured.jpg","twitter_creator":"@olawanle_joel","twitter_site":"@Kinsta_ES","twitter_misc":{"Escrito por":"Joel Olawanle","Tiempo de lectura":"6 minutos"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/kinsta.com\/es\/blog\/error-de-intento-de-importacion-switch-is-not-exported-from-react-router-dom\/#article","isPartOf":{"@id":"https:\/\/kinsta.com\/es\/blog\/error-de-intento-de-importacion-switch-is-not-exported-from-react-router-dom\/"},"author":{"name":"Joel Olawanle","@id":"https:\/\/kinsta.com\/es\/#\/schema\/person\/efa7de30245ca15be5ce1dcacff89c07"},"headline":"C\u00f3mo Solucionar el Error \u00abSwitch is not exported from \u2018react-router-dom\u2019 en React\u00bb","datePublished":"2023-05-19T10:54:34+00:00","dateModified":"2025-10-01T19:29:50+00:00","mainEntityOfPage":{"@id":"https:\/\/kinsta.com\/es\/blog\/error-de-intento-de-importacion-switch-is-not-exported-from-react-router-dom\/"},"wordCount":1053,"commentCount":0,"publisher":{"@id":"https:\/\/kinsta.com\/es\/#organization"},"image":{"@id":"https:\/\/kinsta.com\/es\/blog\/error-de-intento-de-importacion-switch-is-not-exported-from-react-router-dom\/#primaryimage"},"thumbnailUrl":"https:\/\/kinsta.com\/es\/wp-content\/uploads\/sites\/8\/2023\/05\/attempted-import-error-featured.jpg","inLanguage":"es","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/kinsta.com\/es\/blog\/error-de-intento-de-importacion-switch-is-not-exported-from-react-router-dom\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/kinsta.com\/es\/blog\/error-de-intento-de-importacion-switch-is-not-exported-from-react-router-dom\/","url":"https:\/\/kinsta.com\/es\/blog\/error-de-intento-de-importacion-switch-is-not-exported-from-react-router-dom\/","name":"C\u00f3mo Solucionar el Error \"Switch is not exported from \u2018react-router-dom\u2019 en React\" - Kinsta\u00ae","isPartOf":{"@id":"https:\/\/kinsta.com\/es\/#website"},"primaryImageOfPage":{"@id":"https:\/\/kinsta.com\/es\/blog\/error-de-intento-de-importacion-switch-is-not-exported-from-react-router-dom\/#primaryimage"},"image":{"@id":"https:\/\/kinsta.com\/es\/blog\/error-de-intento-de-importacion-switch-is-not-exported-from-react-router-dom\/#primaryimage"},"thumbnailUrl":"https:\/\/kinsta.com\/es\/wp-content\/uploads\/sites\/8\/2023\/05\/attempted-import-error-featured.jpg","datePublished":"2023-05-19T10:54:34+00:00","dateModified":"2025-10-01T19:29:50+00:00","description":"Esta gu\u00eda f\u00e1cil de seguir te muestra dos formas de solucionar el error de intento de importaci\u00f3n: 'switch' is not exported from 'react-router-dom'.","breadcrumb":{"@id":"https:\/\/kinsta.com\/es\/blog\/error-de-intento-de-importacion-switch-is-not-exported-from-react-router-dom\/#breadcrumb"},"inLanguage":"es","potentialAction":[{"@type":"ReadAction","target":["https:\/\/kinsta.com\/es\/blog\/error-de-intento-de-importacion-switch-is-not-exported-from-react-router-dom\/"]}]},{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/kinsta.com\/es\/blog\/error-de-intento-de-importacion-switch-is-not-exported-from-react-router-dom\/#primaryimage","url":"https:\/\/kinsta.com\/es\/wp-content\/uploads\/sites\/8\/2023\/05\/attempted-import-error-featured.jpg","contentUrl":"https:\/\/kinsta.com\/es\/wp-content\/uploads\/sites\/8\/2023\/05\/attempted-import-error-featured.jpg","width":1500,"height":750},{"@type":"BreadcrumbList","@id":"https:\/\/kinsta.com\/es\/blog\/error-de-intento-de-importacion-switch-is-not-exported-from-react-router-dom\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/kinsta.com\/es\/"},{"@type":"ListItem","position":2,"name":"Errores React","item":"https:\/\/kinsta.com\/es\/secciones\/errores-react\/"},{"@type":"ListItem","position":3,"name":"C\u00f3mo Solucionar el Error \u00abSwitch is not exported from \u2018react-router-dom\u2019 en React\u00bb"}]},{"@type":"WebSite","@id":"https:\/\/kinsta.com\/es\/#website","url":"https:\/\/kinsta.com\/es\/","name":"Kinsta\u00ae","description":"Soluciones de alojamiento premium, r\u00e1pidas y seguras","publisher":{"@id":"https:\/\/kinsta.com\/es\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/kinsta.com\/es\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"es"},{"@type":"Organization","@id":"https:\/\/kinsta.com\/es\/#organization","name":"Kinsta","url":"https:\/\/kinsta.com\/es\/","logo":{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/kinsta.com\/es\/#\/schema\/logo\/image\/","url":"https:\/\/kinsta.com\/es\/wp-content\/uploads\/sites\/8\/2023\/12\/kinsta-logo.jpeg","contentUrl":"https:\/\/kinsta.com\/es\/wp-content\/uploads\/sites\/8\/2023\/12\/kinsta-logo.jpeg","width":500,"height":500,"caption":"Kinsta"},"image":{"@id":"https:\/\/kinsta.com\/es\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/kinsta.es\/","https:\/\/x.com\/Kinsta_ES","https:\/\/www.instagram.com\/kinstahosting\/","https:\/\/www.linkedin.com\/company\/kinsta\/","https:\/\/www.pinterest.com\/kinstahosting\/","https:\/\/www.youtube.com\/c\/Kinsta"]},{"@type":"Person","@id":"https:\/\/kinsta.com\/es\/#\/schema\/person\/efa7de30245ca15be5ce1dcacff89c07","name":"Joel Olawanle","image":{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/kinsta.com\/es\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/051bf577ce2c837846a1db9eef184758?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/051bf577ce2c837846a1db9eef184758?s=96&d=mm&r=g","caption":"Joel Olawanle"},"description":"Joel is a Frontend developer working at Kinsta as a Technical Editor. He is a passionate teacher with love for open source and has written over 300 technical articles majorly around JavaScript and it's frameworks.","sameAs":["https:\/\/joelolawanle.com\/","https:\/\/www.linkedin.com\/in\/olawanlejoel\/","https:\/\/x.com\/olawanle_joel","https:\/\/www.youtube.com\/@joelolawanle"],"gender":"male","knowsAbout":["JavaScript","React","Next.js"],"knowsLanguage":["English"],"jobTitle":"Technical Editor","worksFor":"Kinsta","url":"https:\/\/kinsta.com\/es\/blog\/author\/joelolawanle\/"}]}},"acf":[],"_links":{"self":[{"href":"https:\/\/kinsta.com\/es\/wp-json\/wp\/v2\/posts\/66050","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/kinsta.com\/es\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/kinsta.com\/es\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/kinsta.com\/es\/wp-json\/wp\/v2\/users\/287"}],"replies":[{"embeddable":true,"href":"https:\/\/kinsta.com\/es\/wp-json\/wp\/v2\/comments?post=66050"}],"version-history":[{"count":7,"href":"https:\/\/kinsta.com\/es\/wp-json\/wp\/v2\/posts\/66050\/revisions"}],"predecessor-version":[{"id":66257,"href":"https:\/\/kinsta.com\/es\/wp-json\/wp\/v2\/posts\/66050\/revisions\/66257"}],"alternate":[{"embeddable":true,"hreflang":"en","title":"English","href":"https:\/\/kinsta.com\/es\/wp-json\/kinsta\/v1\/posts\/66050\/translations\/en"},{"embeddable":true,"hreflang":"it","title":"Italian","href":"https:\/\/kinsta.com\/es\/wp-json\/kinsta\/v1\/posts\/66050\/translations\/it"},{"embeddable":true,"hreflang":"pt","title":"Portuguese","href":"https:\/\/kinsta.com\/es\/wp-json\/kinsta\/v1\/posts\/66050\/translations\/pt"},{"embeddable":true,"hreflang":"fr","title":"French","href":"https:\/\/kinsta.com\/es\/wp-json\/kinsta\/v1\/posts\/66050\/translations\/fr"},{"embeddable":true,"hreflang":"de","title":"German","href":"https:\/\/kinsta.com\/es\/wp-json\/kinsta\/v1\/posts\/66050\/translations\/de"},{"embeddable":true,"hreflang":"ja","title":"Japanese","href":"https:\/\/kinsta.com\/es\/wp-json\/kinsta\/v1\/posts\/66050\/translations\/jp"},{"embeddable":true,"hreflang":"nl","title":"Dutch","href":"https:\/\/kinsta.com\/es\/wp-json\/kinsta\/v1\/posts\/66050\/translations\/nl"},{"embeddable":true,"hreflang":"es","title":"Spanish","href":"https:\/\/kinsta.com\/es\/wp-json\/kinsta\/v1\/posts\/66050\/translations\/es"},{"href":"https:\/\/kinsta.com\/es\/wp-json\/kinsta\/v1\/posts\/66050\/tree"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/kinsta.com\/es\/wp-json\/wp\/v2\/media\/66051"}],"wp:attachment":[{"href":"https:\/\/kinsta.com\/es\/wp-json\/wp\/v2\/media?parent=66050"}],"wp:term":[{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/kinsta.com\/es\/wp-json\/wp\/v2\/tags?post=66050"},{"taxonomy":"topic","embeddable":true,"href":"https:\/\/kinsta.com\/es\/wp-json\/wp\/v2\/topic?post=66050"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}