{"id":61914,"date":"2023-05-19T11:49:55","date_gmt":"2023-05-19T10:49:55","guid":{"rendered":"https:\/\/kinsta.com\/de\/?p=61914&#038;post_type=knowledgebase&#038;preview_id=61914"},"modified":"2025-10-01T20:15:57","modified_gmt":"2025-10-01T19:15:57","slug":"import-fehler-switch-is-not-exported-from-react-router-dom","status":"publish","type":"post","link":"https:\/\/kinsta.com\/de\/blog\/import-fehler-switch-is-not-exported-from-react-router-dom\/","title":{"rendered":"So behebst du den Fehler &#8222;Switch&#8216; wird nicht von &#8218;react-router-dom&#8216; exportiert&#8220;"},"content":{"rendered":"<ol>\n<li>React Router ist eine beliebte Routing-Bibliothek, die in <a href=\"https:\/\/kinsta.com\/de\/blog\/was-ist-react-js\/\">React<\/a>-Anwendungen verwendet wird, um die Navigation zu verwalten und nahtlose Routing-Funktionen bereitzustellen. Wie bei jeder Bibliothek k\u00f6nnen jedoch im Laufe der Zeit Aktualisierungen und \u00c4nderungen vorgenommen werden, was zu Fehlern f\u00fchren kann, weil einige Funktionen veraltet sind.<\/li>\n<\/ol>\n<p>Ein h\u00e4ufiger Fehler, auf den du bei der Implementierung von Routing in React-Anwendungen sto\u00dfen kannst, ist der Fehler &#8218;Switch&#8216; is not exported from &#8218;react-router-dom&#8216;.<\/p>\n<p>Dieser Fehler tritt auf, wenn du von einer \u00e4lteren Version von <a href=\"https:\/\/reactrouter.com\/en\/main\" target=\"_blank\" rel=\"noopener noreferrer\">React Router<\/a> auf eine neuere Version (derzeit v6) aktualisierst, ohne dabei einige veraltete Komponenten wie <code>&lt;Switch&gt;<\/code> zu ber\u00fccksichtigen.<\/p>\n<p>In diesem Artikel erf\u00e4hrst du die Ursachen f\u00fcr diesen Fehler und wie du ihn beheben kannst, um ein reibungsloses Routing und eine gute Navigation in deinen React-Anwendungen zu gew\u00e4hrleisten.<\/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>Was ist die Ursache f\u00fcr den Fehler &#8222;&#8218;Switch&#8216; wird nicht von &#8218;react-router-dom&#8216; exportiert&#8220;?<\/h2>\n<p>In React Router Version 5 und fr\u00fcher wurde die Komponente <code>&lt;Switch&gt;<\/code> <a href=\"https:\/\/v5.reactrouter.com\/web\/api\/Switch\" target=\"_blank\" rel=\"noopener noreferrer\">verwendet, um alle Routen in deiner React-Anwendung zu verpacken<\/a>. In React Router Version 6 ist die Komponente <code>&lt;Switch&gt;<\/code> <a href=\"https:\/\/reactrouter.com\/en\/main\/upgrading\/v5#upgrade-all-switch-elements-to-routes\">veraltet und wurde<\/a> durch die Komponente <code>&lt;Routes&gt;<\/code> ersetzt.<\/p>\n<p>Die <code>&lt;Routes&gt;<\/code> Komponente im React Router v6 bietet einen deklarativen und flexibleren Ansatz f\u00fcr das Routing im Vergleich zur veralteten <code>&lt;Switch&gt;<\/code> Komponente.<\/p>\n<p>Wenn du also k\u00fcrzlich auf React Router v6 (oder eine neuere Version) aktualisiert hast und immer noch versuchst, die veraltete Komponente <code>&lt;Switch&gt;<\/code> zu verwenden, wirst du den Fehler &#8218;Switch&#8216; is not exported from &#8218;react-router-dom&#8216; erhalten.<\/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=\"Switch' is not exported from 'react-router-dom Fehlermeldung\" width=\"1600\" height=\"255\"><figcaption class=\"wp-caption-text\">Switch&#8216; wird nicht von &#8218;react-router-dom&#8216; exportiert<\/figcaption><\/figure>\n\n<h2>2 Wege zur Behebung des Fehlers &#8222;&#8218;Switch&#8216; wird nicht aus &#8218;react-router-dom&#8216; exportiert&#8220;<\/h2>\n<p>Dieser Fehler kann auf zwei Arten behoben werden, je nach gew\u00fcnschter Vorgehensweise und den Anforderungen deines Projekts. Die beiden Wege sind wie folgt:<\/p>\n<ul>\n<li>Verwende &lt;Routes&gt; anstelle von &lt;Switch&gt;<\/li>\n<li>Downgrade der <strong>react-router-dom<\/strong> Version auf 5 oder niedriger<\/li>\n<\/ul>\n<h3>1. Verwende &lt;Routes&gt; anstelle von &lt;Switch&gt;<\/h3>\n<p>Eine M\u00f6glichkeit, den Fehler &#8222;&#8218;Switch&#8216; wird nicht von &#8218;react-router-dom&#8216; exportiert&#8220; zu beheben, besteht darin, <code>&lt;Switch&gt;<\/code> durch <code>&lt;Routes&gt;<\/code> zu ersetzen.<\/p>\n<p>Schauen wir uns ein Beispiel an, wie du deinen Routing-Code von der veralteten <code>&lt;Switch&gt;<\/code> Komponente in React Router Version 5 auf die neue <code>&lt;Routes&gt;<\/code> Komponente in React Router Version 6 aktualisieren kannst.<\/p>\n<p>In React Router Version 5:<\/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>Im obigen Code verwenden wir die Komponente <code>&lt;Switch&gt;<\/code>, um unsere Routen zu verpacken. In React Router Version 6 m\u00fcssen wir jedoch unseren Routing-Code aktualisieren, um die Komponente <code>&lt;Routes&gt;<\/code> zu verwenden und die aktualisierte <a href=\"https:\/\/kinsta.com\/de\/blog\/microservices-vs-api\/\">API<\/a> zu befolgen.<\/p>\n<p>Hier siehst du, wie das gleiche Beispiel in React Router Version 6 und h\u00f6her aussehen w\u00fcrde:<\/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>Wie du siehst, haben wir die Komponente <code>&lt;Switch&gt;<\/code> durch die Komponente <code>&lt;Routes&gt;<\/code> ersetzt, und jedes <code>&lt;Route&gt;<\/code> wird jetzt mit der Requisite <code>element<\/code> statt mit der Requisite <code>component<\/code> definiert.<\/p>\n<aside role=\"note\" class=\"wp-block-kinsta-notice is-style-info\">\n            <h3>Info<\/h3>\n        <p>Die Requisite <code>exact<\/code> wird in React Router Version 6 nicht mehr ben\u00f6tigt, da sie das Standardverhalten ist. Au\u00dferdem verwendet die Komponente <code>&lt;Route&gt;<\/code> nicht mehr <code>component={Home}<\/code>, um die Komponente zuzuweisen, sondern <code>element={&lt;Contact\/&gt;}<\/code>.<\/p>\n<\/aside>\n\n<h4>Vorteile von Routes gegen\u00fcber Switch in React Router v6<\/h4>\n<p>Mit der Ver\u00f6ffentlichung von React Router v6 hat die Einf\u00fchrung der Komponente <code>&lt;Routes&gt;<\/code> einige Vorteile gegen\u00fcber der veralteten Komponente <code>&lt;Switch&gt;<\/code> in fr\u00fcheren Versionen gebracht.<\/p>\n<p>Schauen wir uns einige Vorteile von <code>&lt;Routes&gt;<\/code> f\u00fcr die Handhabung der Routing-Logik in deinen React-Anwendungen an.<\/p>\n<h5>1. Verbessertes Nested Routing<\/h5>\n<p><code>&lt;Routes&gt;<\/code> erm\u00f6glicht im Vergleich zu <code>&lt;Switch&gt;<\/code> verbesserte verschachtelte Routing-Konfigurationen. Mit <code>&lt;ROutes&gt;<\/code> kannst du einfach verschachtelte Routen definieren, indem du <code>&lt;Route&gt;<\/code> -Komponenten innerhalb anderer <code>&lt;Route&gt;<\/code> -Komponenten verschachtelst, was die Handhabung komplexer Routing-Strukturen intuitiver und organisierter macht.<\/p>\n<p>Dies kann die Verwaltung der Routing-Logik in gr\u00f6\u00dferen Anwendungen mit mehreren Ebenen von verschachtelten Routen vereinfachen.<\/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. Dynamisches Routenmatching<\/h5>\n<p><code>&lt;Routes&gt;<\/code> bietet mehr Flexibilit\u00e4t bei der dynamischen Anpassung und Darstellung von Routen auf der Grundlage von Routenparametern. Dies erm\u00f6glicht ein dynamischeres und datengesteuertes Routing in deiner Anwendung.<\/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. Verbesserte Fehlerbehandlung<\/h5>\n<p><code>&lt;Routes&gt;<\/code> bietet eine verbesserte Fehlerbehandlung f\u00fcr nicht gefundene Routen. Wenn eine Route nicht gefunden wird, zeigt <code>&lt;Routes&gt;<\/code> automatisch eine &#8222;Nicht gefunden&#8220;-Komponente oder eine benutzerdefinierte Fehlerkomponente an, die du definieren kannst.<\/p>\n<p>Dies kann dazu beitragen, die Benutzerfreundlichkeit zu verbessern, indem ung\u00fcltige URLs oder Routen, die in deiner Anwendung nicht existieren, elegant behandelt werden.<\/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. Downgrade der react-router-dom Version auf 5 oder niedriger<\/h3>\n<p>Wenn du <code>&lt;Switch&gt;<\/code> weiterhin in deinem Projekt verwenden m\u00f6chtest, kannst du den Fehler beheben, indem du deine <strong>react-router-dom<\/strong> Version auf 5 oder niedriger herabstufst.<\/p>\n<p>Dies kann eine praktikable L\u00f6sung sein, wenn du ein bestehendes Projekt hast, das mit einer \u00e4lteren Version von React Router erstellt wurde. Dazu deinstallierst du zun\u00e4chst die letzte Version von React Router, die du mit dem folgenden Befehl installiert hast:<\/p>\n<pre><code class=\"language-bash\">npm uninstall react-router-dom<\/code><\/pre>\n<p>Mit diesem Befehl kannst du nun die letzte Hauptversion installieren, die die &lt;Switch&gt;-Komponente enth\u00e4lt, also Version 5.2.0:<\/p>\n<pre><code class=\"language-bash\">npm install react-router-dom@5.2.0<\/code><\/pre>\n\n<h2>Zusammenfassung<\/h2>\n<p>In diesem Artikel hast du die Fehlermeldung &#8222;&#8218;Switch&#8216; wird nicht von &#8218;react-router-dom&#8216; exportiert&#8220; in React kennengelernt und einige M\u00f6glichkeiten zur Behebung des Problems erkundet. Au\u00dferdem hast du erfahren, welche Vorteile die neuere Komponente <code>&lt;Routes&gt;<\/code> gegen\u00fcber der veralteten Komponente <code>&lt;Switch&gt;<\/code> hat.<\/p>\n<p>Wenn du ein neues Projekt beginnst, ist es empfehlenswert, immer die neueste Version von React Router zu verwenden, da sie erhebliche Verbesserungen und kontinuierliche Updates bietet.<\/p>\n<p>Angenommen, du arbeitest an einem bestehenden Projekt und hast nicht die Zeit, deinen Code umfassend zu aktualisieren, um die neue Syntax und die Komponenten von React Router v6 zu verwenden. In diesem Fall kannst du weiterhin die \u00e4ltere Version des React Routers verwenden, die mit deinem Code funktioniert.<\/p>\n<p><em>Jetzt bist du dran: Bist du schon einmal auf dieses Problem gesto\u00dfen? Wie hast du es gel\u00f6st? Gibt es andere L\u00f6sungsans\u00e4tze, die du verwendet hast und die in diesem Artikel nicht behandelt werden? Lass es uns in den Kommentaren wissen!<\/em><\/p>\n","protected":false},"excerpt":{"rendered":"<p>React Router ist eine beliebte Routing-Bibliothek, die in React-Anwendungen verwendet wird, um die Navigation zu verwalten und nahtlose Routing-Funktionen bereitzustellen. Wie bei jeder Bibliothek k\u00f6nnen jedoch &#8230;<\/p>\n","protected":false},"author":287,"featured_media":61915,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_kinsta_gated_content":false,"_kinsta_gated_content_redirect":"","footnotes":""},"tags":[],"topic":[975,977],"class_list":["post-61914","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","topic-react","topic-react-fehler"],"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>So behebst du den Fehler &quot;Switch&#039; wird nicht von &#039;react-router-dom&#039; exportiert&quot; - Kinsta\u00ae<\/title>\n<meta name=\"description\" content=\"Diese leicht verst\u00e4ndliche Anleitung zeigt dir zwei M\u00f6glichkeiten, wie du den Importfehler &quot;switch&quot; wird nicht von &quot;react-router-dom&quot; exportiert&quot; beheben kannst.\" \/>\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\/de\/blog\/import-fehler-switch-is-not-exported-from-react-router-dom\/\" \/>\n<meta property=\"og:locale\" content=\"de_DE\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"So behebst du den Fehler &quot;Switch&#039; wird nicht von &#039;react-router-dom&#039; exportiert&quot;\" \/>\n<meta property=\"og:description\" content=\"Diese leicht verst\u00e4ndliche Anleitung zeigt dir zwei M\u00f6glichkeiten, wie du den Importfehler &quot;switch&quot; wird nicht von &quot;react-router-dom&quot; exportiert&quot; beheben kannst.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/kinsta.com\/de\/blog\/import-fehler-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-Deutschland-207459890108303\/\" \/>\n<meta property=\"article:published_time\" content=\"2023-05-19T10:49:55+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2025-10-01T19:15:57+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/kinsta.com\/de\/wp-content\/uploads\/sites\/5\/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=\"Diese leicht verst\u00e4ndliche Anleitung zeigt dir zwei M\u00f6glichkeiten, wie du den Importfehler &quot;switch&quot; wird nicht von &quot;react-router-dom&quot; exportiert&quot; beheben kannst.\" \/>\n<meta name=\"twitter:image\" content=\"https:\/\/kinsta.com\/de\/wp-content\/uploads\/sites\/5\/2023\/05\/attempted-import-error-featured.jpg\" \/>\n<meta name=\"twitter:creator\" content=\"@olawanle_joel\" \/>\n<meta name=\"twitter:site\" content=\"@Kinsta_DE\" \/>\n<meta name=\"twitter:label1\" content=\"Verfasst von\" \/>\n\t<meta name=\"twitter:data1\" content=\"Joel Olawanle\" \/>\n\t<meta name=\"twitter:label2\" content=\"Gesch\u00e4tzte Lesezeit\" \/>\n\t<meta name=\"twitter:data2\" content=\"6\u00a0Minuten\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/kinsta.com\/de\/blog\/import-fehler-switch-is-not-exported-from-react-router-dom\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/kinsta.com\/de\/blog\/import-fehler-switch-is-not-exported-from-react-router-dom\/\"},\"author\":{\"name\":\"Joel Olawanle\",\"@id\":\"https:\/\/kinsta.com\/de\/#\/schema\/person\/efa7de30245ca15be5ce1dcacff89c07\"},\"headline\":\"So behebst du den Fehler &#8222;Switch&#8216; wird nicht von &#8218;react-router-dom&#8216; exportiert&#8220;\",\"datePublished\":\"2023-05-19T10:49:55+00:00\",\"dateModified\":\"2025-10-01T19:15:57+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/kinsta.com\/de\/blog\/import-fehler-switch-is-not-exported-from-react-router-dom\/\"},\"wordCount\":985,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/kinsta.com\/de\/#organization\"},\"image\":{\"@id\":\"https:\/\/kinsta.com\/de\/blog\/import-fehler-switch-is-not-exported-from-react-router-dom\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/kinsta.com\/de\/wp-content\/uploads\/sites\/5\/2023\/05\/attempted-import-error-featured.jpg\",\"inLanguage\":\"de\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/kinsta.com\/de\/blog\/import-fehler-switch-is-not-exported-from-react-router-dom\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/kinsta.com\/de\/blog\/import-fehler-switch-is-not-exported-from-react-router-dom\/\",\"url\":\"https:\/\/kinsta.com\/de\/blog\/import-fehler-switch-is-not-exported-from-react-router-dom\/\",\"name\":\"So behebst du den Fehler \\\"Switch' wird nicht von 'react-router-dom' exportiert\\\" - Kinsta\u00ae\",\"isPartOf\":{\"@id\":\"https:\/\/kinsta.com\/de\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/kinsta.com\/de\/blog\/import-fehler-switch-is-not-exported-from-react-router-dom\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/kinsta.com\/de\/blog\/import-fehler-switch-is-not-exported-from-react-router-dom\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/kinsta.com\/de\/wp-content\/uploads\/sites\/5\/2023\/05\/attempted-import-error-featured.jpg\",\"datePublished\":\"2023-05-19T10:49:55+00:00\",\"dateModified\":\"2025-10-01T19:15:57+00:00\",\"description\":\"Diese leicht verst\u00e4ndliche Anleitung zeigt dir zwei M\u00f6glichkeiten, wie du den Importfehler \\\"switch\\\" wird nicht von \\\"react-router-dom\\\" exportiert\\\" beheben kannst.\",\"breadcrumb\":{\"@id\":\"https:\/\/kinsta.com\/de\/blog\/import-fehler-switch-is-not-exported-from-react-router-dom\/#breadcrumb\"},\"inLanguage\":\"de\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/kinsta.com\/de\/blog\/import-fehler-switch-is-not-exported-from-react-router-dom\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"de\",\"@id\":\"https:\/\/kinsta.com\/de\/blog\/import-fehler-switch-is-not-exported-from-react-router-dom\/#primaryimage\",\"url\":\"https:\/\/kinsta.com\/de\/wp-content\/uploads\/sites\/5\/2023\/05\/attempted-import-error-featured.jpg\",\"contentUrl\":\"https:\/\/kinsta.com\/de\/wp-content\/uploads\/sites\/5\/2023\/05\/attempted-import-error-featured.jpg\",\"width\":1500,\"height\":750},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/kinsta.com\/de\/blog\/import-fehler-switch-is-not-exported-from-react-router-dom\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/kinsta.com\/de\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"React-Fehler\",\"item\":\"https:\/\/kinsta.com\/de\/thema\/react-fehler\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"So behebst du den Fehler &#8222;Switch&#8216; wird nicht von &#8218;react-router-dom&#8216; exportiert&#8220;\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/kinsta.com\/de\/#website\",\"url\":\"https:\/\/kinsta.com\/de\/\",\"name\":\"Kinsta\u00ae\",\"description\":\"Schnelle, sichere und hochwertige Hosting-L\u00f6sungen\",\"publisher\":{\"@id\":\"https:\/\/kinsta.com\/de\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/kinsta.com\/de\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"de\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/kinsta.com\/de\/#organization\",\"name\":\"Kinsta\",\"url\":\"https:\/\/kinsta.com\/de\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"de\",\"@id\":\"https:\/\/kinsta.com\/de\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/kinsta.com\/de\/wp-content\/uploads\/sites\/5\/2023\/12\/kinsta-logo.jpeg\",\"contentUrl\":\"https:\/\/kinsta.com\/de\/wp-content\/uploads\/sites\/5\/2023\/12\/kinsta-logo.jpeg\",\"width\":500,\"height\":500,\"caption\":\"Kinsta\"},\"image\":{\"@id\":\"https:\/\/kinsta.com\/de\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/Kinsta-Deutschland-207459890108303\/\",\"https:\/\/x.com\/Kinsta_DE\",\"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\/de\/#\/schema\/person\/efa7de30245ca15be5ce1dcacff89c07\",\"name\":\"Joel Olawanle\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"de\",\"@id\":\"https:\/\/kinsta.com\/de\/#\/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\/de\/blog\/author\/joelolawanle\/\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"So behebst du den Fehler \"Switch' wird nicht von 'react-router-dom' exportiert\" - Kinsta\u00ae","description":"Diese leicht verst\u00e4ndliche Anleitung zeigt dir zwei M\u00f6glichkeiten, wie du den Importfehler \"switch\" wird nicht von \"react-router-dom\" exportiert\" beheben kannst.","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\/de\/blog\/import-fehler-switch-is-not-exported-from-react-router-dom\/","og_locale":"de_DE","og_type":"article","og_title":"So behebst du den Fehler \"Switch' wird nicht von 'react-router-dom' exportiert\"","og_description":"Diese leicht verst\u00e4ndliche Anleitung zeigt dir zwei M\u00f6glichkeiten, wie du den Importfehler \"switch\" wird nicht von \"react-router-dom\" exportiert\" beheben kannst.","og_url":"https:\/\/kinsta.com\/de\/blog\/import-fehler-switch-is-not-exported-from-react-router-dom\/","og_site_name":"Kinsta\u00ae","article_publisher":"https:\/\/www.facebook.com\/Kinsta-Deutschland-207459890108303\/","article_published_time":"2023-05-19T10:49:55+00:00","article_modified_time":"2025-10-01T19:15:57+00:00","og_image":[{"width":1500,"height":750,"url":"https:\/\/kinsta.com\/de\/wp-content\/uploads\/sites\/5\/2023\/05\/attempted-import-error-featured.jpg","type":"image\/jpeg"}],"author":"Joel Olawanle","twitter_card":"summary_large_image","twitter_description":"Diese leicht verst\u00e4ndliche Anleitung zeigt dir zwei M\u00f6glichkeiten, wie du den Importfehler \"switch\" wird nicht von \"react-router-dom\" exportiert\" beheben kannst.","twitter_image":"https:\/\/kinsta.com\/de\/wp-content\/uploads\/sites\/5\/2023\/05\/attempted-import-error-featured.jpg","twitter_creator":"@olawanle_joel","twitter_site":"@Kinsta_DE","twitter_misc":{"Verfasst von":"Joel Olawanle","Gesch\u00e4tzte Lesezeit":"6\u00a0Minuten"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/kinsta.com\/de\/blog\/import-fehler-switch-is-not-exported-from-react-router-dom\/#article","isPartOf":{"@id":"https:\/\/kinsta.com\/de\/blog\/import-fehler-switch-is-not-exported-from-react-router-dom\/"},"author":{"name":"Joel Olawanle","@id":"https:\/\/kinsta.com\/de\/#\/schema\/person\/efa7de30245ca15be5ce1dcacff89c07"},"headline":"So behebst du den Fehler &#8222;Switch&#8216; wird nicht von &#8218;react-router-dom&#8216; exportiert&#8220;","datePublished":"2023-05-19T10:49:55+00:00","dateModified":"2025-10-01T19:15:57+00:00","mainEntityOfPage":{"@id":"https:\/\/kinsta.com\/de\/blog\/import-fehler-switch-is-not-exported-from-react-router-dom\/"},"wordCount":985,"commentCount":0,"publisher":{"@id":"https:\/\/kinsta.com\/de\/#organization"},"image":{"@id":"https:\/\/kinsta.com\/de\/blog\/import-fehler-switch-is-not-exported-from-react-router-dom\/#primaryimage"},"thumbnailUrl":"https:\/\/kinsta.com\/de\/wp-content\/uploads\/sites\/5\/2023\/05\/attempted-import-error-featured.jpg","inLanguage":"de","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/kinsta.com\/de\/blog\/import-fehler-switch-is-not-exported-from-react-router-dom\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/kinsta.com\/de\/blog\/import-fehler-switch-is-not-exported-from-react-router-dom\/","url":"https:\/\/kinsta.com\/de\/blog\/import-fehler-switch-is-not-exported-from-react-router-dom\/","name":"So behebst du den Fehler \"Switch' wird nicht von 'react-router-dom' exportiert\" - Kinsta\u00ae","isPartOf":{"@id":"https:\/\/kinsta.com\/de\/#website"},"primaryImageOfPage":{"@id":"https:\/\/kinsta.com\/de\/blog\/import-fehler-switch-is-not-exported-from-react-router-dom\/#primaryimage"},"image":{"@id":"https:\/\/kinsta.com\/de\/blog\/import-fehler-switch-is-not-exported-from-react-router-dom\/#primaryimage"},"thumbnailUrl":"https:\/\/kinsta.com\/de\/wp-content\/uploads\/sites\/5\/2023\/05\/attempted-import-error-featured.jpg","datePublished":"2023-05-19T10:49:55+00:00","dateModified":"2025-10-01T19:15:57+00:00","description":"Diese leicht verst\u00e4ndliche Anleitung zeigt dir zwei M\u00f6glichkeiten, wie du den Importfehler \"switch\" wird nicht von \"react-router-dom\" exportiert\" beheben kannst.","breadcrumb":{"@id":"https:\/\/kinsta.com\/de\/blog\/import-fehler-switch-is-not-exported-from-react-router-dom\/#breadcrumb"},"inLanguage":"de","potentialAction":[{"@type":"ReadAction","target":["https:\/\/kinsta.com\/de\/blog\/import-fehler-switch-is-not-exported-from-react-router-dom\/"]}]},{"@type":"ImageObject","inLanguage":"de","@id":"https:\/\/kinsta.com\/de\/blog\/import-fehler-switch-is-not-exported-from-react-router-dom\/#primaryimage","url":"https:\/\/kinsta.com\/de\/wp-content\/uploads\/sites\/5\/2023\/05\/attempted-import-error-featured.jpg","contentUrl":"https:\/\/kinsta.com\/de\/wp-content\/uploads\/sites\/5\/2023\/05\/attempted-import-error-featured.jpg","width":1500,"height":750},{"@type":"BreadcrumbList","@id":"https:\/\/kinsta.com\/de\/blog\/import-fehler-switch-is-not-exported-from-react-router-dom\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/kinsta.com\/de\/"},{"@type":"ListItem","position":2,"name":"React-Fehler","item":"https:\/\/kinsta.com\/de\/thema\/react-fehler\/"},{"@type":"ListItem","position":3,"name":"So behebst du den Fehler &#8222;Switch&#8216; wird nicht von &#8218;react-router-dom&#8216; exportiert&#8220;"}]},{"@type":"WebSite","@id":"https:\/\/kinsta.com\/de\/#website","url":"https:\/\/kinsta.com\/de\/","name":"Kinsta\u00ae","description":"Schnelle, sichere und hochwertige Hosting-L\u00f6sungen","publisher":{"@id":"https:\/\/kinsta.com\/de\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/kinsta.com\/de\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"de"},{"@type":"Organization","@id":"https:\/\/kinsta.com\/de\/#organization","name":"Kinsta","url":"https:\/\/kinsta.com\/de\/","logo":{"@type":"ImageObject","inLanguage":"de","@id":"https:\/\/kinsta.com\/de\/#\/schema\/logo\/image\/","url":"https:\/\/kinsta.com\/de\/wp-content\/uploads\/sites\/5\/2023\/12\/kinsta-logo.jpeg","contentUrl":"https:\/\/kinsta.com\/de\/wp-content\/uploads\/sites\/5\/2023\/12\/kinsta-logo.jpeg","width":500,"height":500,"caption":"Kinsta"},"image":{"@id":"https:\/\/kinsta.com\/de\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/Kinsta-Deutschland-207459890108303\/","https:\/\/x.com\/Kinsta_DE","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\/de\/#\/schema\/person\/efa7de30245ca15be5ce1dcacff89c07","name":"Joel Olawanle","image":{"@type":"ImageObject","inLanguage":"de","@id":"https:\/\/kinsta.com\/de\/#\/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\/de\/blog\/author\/joelolawanle\/"}]}},"acf":[],"_links":{"self":[{"href":"https:\/\/kinsta.com\/de\/wp-json\/wp\/v2\/posts\/61914","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/kinsta.com\/de\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/kinsta.com\/de\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/kinsta.com\/de\/wp-json\/wp\/v2\/users\/287"}],"replies":[{"embeddable":true,"href":"https:\/\/kinsta.com\/de\/wp-json\/wp\/v2\/comments?post=61914"}],"version-history":[{"count":7,"href":"https:\/\/kinsta.com\/de\/wp-json\/wp\/v2\/posts\/61914\/revisions"}],"predecessor-version":[{"id":62008,"href":"https:\/\/kinsta.com\/de\/wp-json\/wp\/v2\/posts\/61914\/revisions\/62008"}],"alternate":[{"embeddable":true,"hreflang":"en","title":"English","href":"https:\/\/kinsta.com\/de\/wp-json\/kinsta\/v1\/posts\/61914\/translations\/en"},{"embeddable":true,"hreflang":"it","title":"Italian","href":"https:\/\/kinsta.com\/de\/wp-json\/kinsta\/v1\/posts\/61914\/translations\/it"},{"embeddable":true,"hreflang":"pt","title":"Portuguese","href":"https:\/\/kinsta.com\/de\/wp-json\/kinsta\/v1\/posts\/61914\/translations\/pt"},{"embeddable":true,"hreflang":"fr","title":"French","href":"https:\/\/kinsta.com\/de\/wp-json\/kinsta\/v1\/posts\/61914\/translations\/fr"},{"embeddable":true,"hreflang":"de","title":"German","href":"https:\/\/kinsta.com\/de\/wp-json\/kinsta\/v1\/posts\/61914\/translations\/de"},{"embeddable":true,"hreflang":"ja","title":"Japanese","href":"https:\/\/kinsta.com\/de\/wp-json\/kinsta\/v1\/posts\/61914\/translations\/jp"},{"embeddable":true,"hreflang":"nl","title":"Dutch","href":"https:\/\/kinsta.com\/de\/wp-json\/kinsta\/v1\/posts\/61914\/translations\/nl"},{"embeddable":true,"hreflang":"es","title":"Spanish","href":"https:\/\/kinsta.com\/de\/wp-json\/kinsta\/v1\/posts\/61914\/translations\/es"},{"href":"https:\/\/kinsta.com\/de\/wp-json\/kinsta\/v1\/posts\/61914\/tree"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/kinsta.com\/de\/wp-json\/wp\/v2\/media\/61915"}],"wp:attachment":[{"href":"https:\/\/kinsta.com\/de\/wp-json\/wp\/v2\/media?parent=61914"}],"wp:term":[{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/kinsta.com\/de\/wp-json\/wp\/v2\/tags?post=61914"},{"taxonomy":"topic","embeddable":true,"href":"https:\/\/kinsta.com\/de\/wp-json\/wp\/v2\/topic?post=61914"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}