{"id":67034,"date":"2023-11-20T16:53:25","date_gmt":"2023-11-20T15:53:25","guid":{"rendered":"https:\/\/kinsta.com\/de\/?p=67034&post_type=knowledgebase&preview_id=67034"},"modified":"2025-10-01T20:15:14","modified_gmt":"2025-10-01T19:15:14","slug":"cannot-use-import-statement-outside-module","status":"publish","type":"post","link":"https:\/\/kinsta.com\/de\/blog\/cannot-use-import-statement-outside-module\/","title":{"rendered":"Fehler Gel\u00f6st: „Cannot use import statement outside a module“"},"content":{"rendered":"

Die Fehlermeldung „Cannot use import statement outside a module“ tritt auf, wenn das Schl\u00fcsselwort import<\/code> in einem nicht ordnungsgem\u00e4\u00df konfigurierten JavaScript-<\/a> oder TypeScript-Modul<\/a> vorkommt.<\/p>\n

In einer serverseitigen JavaScript-Laufzeitumgebung<\/a> resultiert dieser Fehler in der Regel aus der Verwendung der import<\/code> -Syntax f\u00fcr Module, die in ECMAScript (ES) geschrieben wurden, w\u00e4hrend Node.js<\/a> das require<\/code> -Schl\u00fcsselwort erwartet, das vom CommonJS-Modulsystem verwendet wird.<\/p>\n

TypeScript unterst\u00fctzt verschiedene Modulformate, aber Codierungsfehler, die den ES- und den CommonJS-Ansatz f\u00fcr den Import von Modulen verwechseln, f\u00fchren ebenfalls zu diesem Fehler.<\/p>\n

Auf der Browserseite tritt der Fehler typischerweise auf, wenn du keinen Bundler<\/a> f\u00fcr deine JavaScript-Code-Dateien verwendest.<\/p>\n

Dieser Artikel befasst sich mit diesen drei Fehlerquellen und zeigt eine L\u00f6sung f\u00fcr jede Umgebung auf.<\/p>\n

<\/div><\/kinsta-auto-toc>\n

So behebst du den Fehler in serverseitigem JavaScript<\/h2>\n

In diesem Abschnitt wird gezeigt, wie der Fehler in serverseitigen JavaScript-Umgebungen behoben werden kann.<\/p>\n

Hintergrund<\/h3>\n

Node.js verwendet standardm\u00e4\u00dfig das Schl\u00fcsselwort require<\/code> des CommonJS-Systems. Daher erh\u00e4ltst du die bekannte Fehlermeldung, wenn du Node.js nicht so konfigurierst, dass es die Syntax von ES-Modulen unterst\u00fctzt. Au\u00dferdem ben\u00f6tigt Node.js die Erweiterung .mjs<\/strong>, um ES-Module zu erkennen und mit ihnen zu arbeiten.<\/p>\n

L\u00f6sung<\/h3>\n

Als Alternative zur Verwendung von .mjs<\/strong> kannst du \u00e4ltere Versionen von Node.js mit dem aktuellen ES-Modul kompatibel machen, indem du Bundler verwendest oder Node.js mit dem --experimental-modules<\/code> Flag ausf\u00fchrst. Andernfalls kannst du das Feld type<\/code> in der Datei package.json<\/strong> wie folgt auf module<\/code> setzen:<\/p>\n

{\n  \"name\": \"test-package\",\n  \"version\": \"1.0.0\",\n  \"type\": \"module\",\n  \"main\": \"app.js\",\n  \"dependencies\": { }\n}<\/code><\/pre>\n
(Hinweis<\/strong>: Du solltest die Eigenschaft type<\/code> in der package.json<\/strong>-Datei in alle Pakete aufnehmen. So kannst du das verwendete Modulsystem leichter identifizieren und die Konsistenz zwischen deinen Bibliotheken sicherstellen)<\/p>\n
Eine weitere M\u00f6glichkeit, den Fehler zu vermeiden, ist sicherzustellen, dass die Syntaxen import<\/code> und export<\/code> korrekt sind und richtig geladen werden. Es ist wichtig, dass du immer relative Dateipfade, benannte Exporte und Dateierweiterungen f\u00fcr Exporte verwendest und Standardexporte vermeidest.<\/p>\n
Hier ist ein Beispiel:<\/p>\n
\/\/module import \nimport { sampleFunction } from '.\/sampleModule.js';\n\n\/\/ function export\nexport function sampleFunction() {\n     \/\/ code goes here\n}<\/code><\/pre>\n
Schlie\u00dflich solltest du sicherstellen, dass alle Bibliotheken von Drittanbietern mit den ES-Modulen kompatibel sind. Diese Informationen findest du in der Dokumentation der Bibliothek in der package.json<\/strong>-Datei. Alternativ kannst du einen Bundler verwenden, um den Code zu transpilieren, damit eine JavaScript-Umgebung ihn verstehen kann.<\/p>\n
Wie man den Fehler in TypeScript-Umgebungen behebt<\/h2>\n
In diesem Abschnitt wird gezeigt, wie die Fehlermeldung in TypeScript-Umgebungen behoben wird.<\/p>\n
Hintergrund<\/h3>\n
Mit Modulen kannst du Code wiederverwenden, organisieren und f\u00fcr mehrere Dateien in einem Projekt freigeben. ES unterst\u00fctzt externe Module zur gemeinsamen Nutzung von Code in verschiedenen Dateien mit den Schl\u00fcsselw\u00f6rtern import<\/code> und export<\/code>.<\/p>\n
Dieser Fehler tritt in der Regel in TypeScript-Umgebungen auf, wenn die ES-Modulsyntax verwendet wird, ohne dass TypeScript f\u00fcr die Verwendung konfiguriert wurde. Da TypeScript eine Obermenge von JavaScript ist, verwendet es standardm\u00e4\u00dfig die CommonJS-Syntax f\u00fcr Importe, die require<\/code> anstelle von import<\/code> verwendet. In diesem Fall verursacht die Anweisung import<\/code> den Fehler. Damit TypeScript ES-Module unterst\u00fctzen kann, muss es jedoch korrekt konfiguriert werden.<\/p>\n
Dieser Fehler kann auch auftreten, wenn du die falsche Dateierweiterung verwendest. Wenn du TypeScript zum Beispiel in einer Node.js-Umgebung mit ES-Modulsyntax verwendest, muss das Modul, das du importieren willst, die Dateierweiterung .mjs<\/strong> haben und nicht die normale .js<\/strong>.<\/p>\n
Eine weitere h\u00e4ufige Fehlerquelle ist die unsachgem\u00e4\u00dfe Konfiguration des module<\/code> Feldes in deiner tsconfig.json<\/strong> oder package.json<\/strong> Datei, wenn du Bundler wie Webpack<\/a> verwendest. Du kannst jedoch Bundler f\u00fcr ES-Module in TypeScript verwenden, indem du die Felder module<\/code> und target<\/code> in der tsconfig.json<\/strong>-Datei auf ECMAScript<\/code> setzt. Dann versteht Webpack die Zielumgebung und verwendet beim Transpilieren des Codes die richtigen Dateierweiterungen.<\/p>\n
L\u00f6sung<\/h3>\n
Um ES-Module mit einem Modullader wie RequireJS<\/a> oder einem Bundler wie Webpack zu laden, musst du die Datei tsconfig.json<\/strong> wie folgt erg\u00e4nzen:<\/p>\n
{\n  \"compilerOptions\": {\n    \"module\": \"es20215\",\n    \"target\": \"es20215\",\n    \"sourceMap\": true\n  }\n}<\/code><\/pre>\n
Im compilerOptions<\/code> Teil des obigen Codes werden die Felder module<\/code> und target<\/code> so eingestellt, dass ein es20215<\/code> Modul verwendet wird. Mit diesen Erg\u00e4nzungen kannst du die Anweisungen import<\/code> und export<\/code> in einer TypeScript-Umgebung verwenden, ohne dass der Fehler auftritt.<\/p>\n
Da TypeScript standardm\u00e4\u00dfig CommonJS verwendet, wird die Fehlermeldung angezeigt, wenn du die Datei tsconfig.json<\/strong> nicht entsprechend anpasst.<\/p>\n
Wenn du die Felder module<\/code> und target<\/code> so eingestellt hast, dass ein ECMAScript<\/code> Modul verwendet wird, kannst du die Anweisung export<\/code> verwenden, um eine Funktion oder Variable aus einem Modul zu exportieren, und die Anweisung import<\/code>, um ein anderes Modul in den Geltungsbereich des aktuellen Moduls zu laden. Dieser Vorgang findet im folgenden Code statt:<\/p>\n
\/\/ sum.ts\nexport function sum(a: number, b: number, c: number): number {\n  return a + b + c;\n}\n\n\/\/ main.ts\nimport { sum } from '.\/sum';\nconsole.log(add(4, 4, 9));<\/code><\/pre>\n
Wenn du eine \u00e4ltere Version von Node.js verwendest, kannst du die ES-Modulunterst\u00fctzung aktivieren, indem du deinen Code mit dem --experimental-modules<\/code> Flag ausf\u00fchrst. Du solltest auch einen Bundler wie Webpack, Browserify<\/a> oder Rollup verwenden, um den gesamten ES-Code zu b\u00fcndeln und in einer einzigen Datei auszugeben. Achte darauf, dass er in einer Version vorliegt, die von Browsern und alten Node.js-Versionen verstanden wird, und lege eine Webpack.config.js<\/strong>-Datei im Stammverzeichnis deines Projekts an, die den Modultyp angibt.<\/p>\n
Hier ist ein Beispiel aus der Webpack-Dokumentation<\/a>:<\/p>\n
module.exports = {\n  entry: '.\/src\/index.ts',\n  output: {\n    filename: 'bundle.js',\n   path: path.resolve(__dirname, 'dist')\n  },\n  resolve: {\n    extensions: ['.ts', '.js', '.mjs']\n  },\n  module: {\n    rules: [\n      {\n        test: \/.ts$\/,\n        use: 'ts-loader',\n        exclude: \/node_modules\/\n      }\n    ]\n  },\n  experiments: {\n    outputModule: true\n  }\n};<\/code><\/pre>\n
Der kompilierte Code wird in einer bundle.js<\/strong>-Datei im dist<\/strong>-Verzeichnis des Stammverzeichnisses des Projekts ausgegeben.<\/p>\n
Du kannst auch Polyfills wie es-module-shims<\/code> verwenden, um \u00e4ltere Browser anzusprechen, die die Anweisungen import<\/code> und export<\/code> der ES-Module nicht unterst\u00fctzen.<\/p>\n
So behebst du den Fehler in browser-seitigem JavaScript<\/h2>\n
Dieser Abschnitt zeigt dir, wie du den Fehler in browserbasierten JavaScript-Umgebungen beheben kannst.<\/p>\n
Hintergrund<\/h3>\n
Die meisten modernen Browser, darunter Chrome, Firefox, Edge und Safari, unterst\u00fctzen ES-Module, sodass du keine Browser-Polyfills, Bundler oder Transpiler verwenden musst.<\/p>\n
Du brauchst sie auch nicht, wenn du die JavaScript-basierten Frontend-Bibliotheken von React oder Vue verwendest, da diese standardm\u00e4\u00dfig die ES imports<\/code> und exports<\/code> Felder unterst\u00fctzen. \u00c4ltere Browser unterst\u00fctzen die ES-Syntax jedoch nicht, sodass sie diese Tools f\u00fcr die plattform\u00fcbergreifende Kompatibilit\u00e4t ben\u00f6tigen.<\/p>\n
Der h\u00e4ufigste Grund f\u00fcr den Fehler in \u00e4lteren Browsern ist, dass die HTML-Dateien einer Seite das Attribut type=\"module\"<\/code> nicht enthalten. In diesem Fall tritt der Fehler auf, weil JavaScript im Web keine Standardunterst\u00fctzung f\u00fcr die Syntax des ES-Moduls enth\u00e4lt. Bei JavaScript-Code, der \u00fcber das Internet gesendet wird, kann ein Fehler bei der gemeinsamen Nutzung von Ressourcen auftreten, wenn du versuchst, ein ES-Modul von einer anderen Domain zu laden.<\/p>\n
L\u00f6sung<\/h3>\n
Um den Modulfehler in einem \u00e4lteren Browser zu vermeiden, stelle sicher, dass du das richtige script<\/code> Tag-Attribut – type=\"module\"<\/code> – in der Root-HTML-Datei verwendest. Alternativ kannst du Webpack verwenden, um den Code so zu transpilieren, dass \u00e4ltere Browser ihn verstehen k\u00f6nnen.<\/p>\n
Um das Attribut type=\"module\"<\/code> zu verwenden, f\u00fcge die folgende Zeile in deine Root-HTML-Datei ein:<\/p>\n
<script type=\"module\" src=\"app.js\"><\/script><\/code><\/pre>\n
Du musst auch sicherstellen, dass die import<\/code> Dateipfade g\u00fcltig sind und dass du die richtige import<\/code> Syntax verwendest.<\/p>\n
Au\u00dferdem kannst du dich auf Websites wie Can I Use<\/a> \u00fcber die Browserkompatibilit\u00e4t von ES-Modulen informieren.<\/p>\n
Da die Verwendung der .js<\/strong>-Dateierweiterung g\u00e4ngige Praxis ist, kannst du das type<\/code> -Attribut im script<\/code> -Tag der HTML-Datei des Moduls als Abhilfe setzen. Wenn du dieses Attribut auf module<\/code> setzt, wird der Browser die .js<\/strong>-Erweiterung ignorieren und die Datei als Modul behandeln.<\/p>\n
Zusammenfassung<\/h2>\n
Der Fehler „Cannot use import statement outside a module“ kann aus verschiedenen Gr\u00fcnden auftreten, je nachdem, ob du in einer browser- oder serverseitigen JavaScript-Umgebung arbeitest. Falsche Syntax, ungeeignete Konfigurationen und nicht unterst\u00fctzte Dateierweiterungen sind einige der h\u00e4ufigsten Ursachen f\u00fcr diesen Fehler.<\/p>\n
W\u00e4hrend die meisten modernen Browser ES-Module unterst\u00fctzen, musst du sicherstellen, dass \u00e4ltere Browser kompatibel sind. Bundler wie Webpack erm\u00f6glichen es dir, den gesamten Quellcode mit seinen Abh\u00e4ngigkeiten zu einer einzigen Ausgabe zu kompilieren, die \u00e4ltere Browser verstehen k\u00f6nnen.<\/p>\n
Vergiss nicht, das type=\"module\"<\/code> -Attribut in die HTML-Datei einzuf\u00fcgen, um dem Browser mitzuteilen, dass das Modul ein ES-Modul ist. W\u00e4hrend die Verwendung der .js<\/strong>-Erweiterung f\u00fcr CommonJS die Standardpraxis ist, kannst du auch die .mjs<\/strong>-Erweiterung verwenden, um den Import von ES-Modulen zu erm\u00f6glichen.<\/p>\n
Hast du eine JavaScript-Anwendung, die du online stellen musst, aber du willst die Server nicht selbst verwalten? Dann k\u00f6nnten die Plattformen Anwendungs-Hosting<\/a> und Datenbank-Hosting<\/a> von Kinsta die richtige L\u00f6sung sein. Du k\u00f6nntest diese Dienste sogar mit Kinstas Statischem Seiten Hosting<\/a> kombinieren, um das Frontend deiner Anwendung kostenlos zur Verf\u00fcgung zu stellen.<\/p>\n","protected":false},"excerpt":{"rendered":"
Die Fehlermeldung „Cannot use import statement outside a module“ tritt auf, wenn das Schl\u00fcsselwort import in einem nicht ordnungsgem\u00e4\u00df konfigurierten JavaScript- oder TypeScript-Modul vorkommt. In einer …<\/p>\n","protected":false},"author":259,"featured_media":67035,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_kinsta_gated_content":false,"_kinsta_gated_content_redirect":"","footnotes":""},"tags":[],"topic":[950,965],"class_list":["post-67034","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","topic-javascript-fehler","topic-node-js"],"yoast_head":"\nGel\u00f6st: "Cannot Use Import Statement Outside a Module" Error - Kinsta\u00ae<\/title>\n<meta name=\"description\" content=\"Der JavaScript-Fehler "Cannot use import statement outside a module" kann auf verschiedene Weise auftauchen. Hier erf\u00e4hrst du, wie du ihn 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\/cannot-use-import-statement-outside-module\/\" \/>\n<meta property=\"og:locale\" content=\"de_DE\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Fehler Gel\u00f6st: "Cannot use import statement outside a module"\" \/>\n<meta property=\"og:description\" content=\"Der JavaScript-Fehler "Cannot use import statement outside a module" kann auf verschiedene Weise auftauchen. Hier erf\u00e4hrst du, wie du ihn beheben kannst.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/kinsta.com\/de\/blog\/cannot-use-import-statement-outside-module\/\" \/>\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-11-20T15:53:25+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2025-10-01T19:15:14+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/kinsta.com\/de\/wp-content\/uploads\/sites\/5\/2023\/11\/cannot-use-import-statement-outside-module.png\" \/>\n\t<meta property=\"og:image:width\" content=\"1999\" \/>\n\t<meta property=\"og:image:height\" content=\"1000\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"Steve Bonisteel\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:description\" content=\"Der JavaScript-Fehler "Cannot use import statement outside a module" kann auf verschiedene Weise auftauchen. Hier erf\u00e4hrst du, wie du ihn beheben kannst.\" \/>\n<meta name=\"twitter:image\" content=\"https:\/\/kinsta.com\/de\/wp-content\/uploads\/sites\/5\/2023\/11\/cannot-use-import-statement-outside-module.png\" \/>\n<meta name=\"twitter:creator\" content=\"@Kinsta_DE\" \/>\n<meta name=\"twitter:site\" content=\"@Kinsta_DE\" \/>\n<meta name=\"twitter:label1\" content=\"Verfasst von\" \/>\n\t<meta name=\"twitter:data1\" content=\"Steve Bonisteel\" \/>\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\/cannot-use-import-statement-outside-module\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/kinsta.com\/de\/blog\/cannot-use-import-statement-outside-module\/\"},\"author\":{\"name\":\"Steve Bonisteel\",\"@id\":\"https:\/\/kinsta.com\/de\/#\/schema\/person\/d84ceff87bd64a4368a581fc8aa8bd6f\"},\"headline\":\"Fehler Gel\u00f6st: „Cannot use import statement outside a module“\",\"datePublished\":\"2023-11-20T15:53:25+00:00\",\"dateModified\":\"2025-10-01T19:15:14+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/kinsta.com\/de\/blog\/cannot-use-import-statement-outside-module\/\"},\"wordCount\":1321,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/kinsta.com\/de\/#organization\"},\"image\":{\"@id\":\"https:\/\/kinsta.com\/de\/blog\/cannot-use-import-statement-outside-module\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/kinsta.com\/de\/wp-content\/uploads\/sites\/5\/2023\/11\/cannot-use-import-statement-outside-module.png\",\"inLanguage\":\"de\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/kinsta.com\/de\/blog\/cannot-use-import-statement-outside-module\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/kinsta.com\/de\/blog\/cannot-use-import-statement-outside-module\/\",\"url\":\"https:\/\/kinsta.com\/de\/blog\/cannot-use-import-statement-outside-module\/\",\"name\":\"Gel\u00f6st: \\\"Cannot Use Import Statement Outside a Module\\\" Error - Kinsta\u00ae\",\"isPartOf\":{\"@id\":\"https:\/\/kinsta.com\/de\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/kinsta.com\/de\/blog\/cannot-use-import-statement-outside-module\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/kinsta.com\/de\/blog\/cannot-use-import-statement-outside-module\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/kinsta.com\/de\/wp-content\/uploads\/sites\/5\/2023\/11\/cannot-use-import-statement-outside-module.png\",\"datePublished\":\"2023-11-20T15:53:25+00:00\",\"dateModified\":\"2025-10-01T19:15:14+00:00\",\"description\":\"Der JavaScript-Fehler \\\"Cannot use import statement outside a module\\\" kann auf verschiedene Weise auftauchen. Hier erf\u00e4hrst du, wie du ihn beheben kannst.\",\"breadcrumb\":{\"@id\":\"https:\/\/kinsta.com\/de\/blog\/cannot-use-import-statement-outside-module\/#breadcrumb\"},\"inLanguage\":\"de\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/kinsta.com\/de\/blog\/cannot-use-import-statement-outside-module\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"de\",\"@id\":\"https:\/\/kinsta.com\/de\/blog\/cannot-use-import-statement-outside-module\/#primaryimage\",\"url\":\"https:\/\/kinsta.com\/de\/wp-content\/uploads\/sites\/5\/2023\/11\/cannot-use-import-statement-outside-module.png\",\"contentUrl\":\"https:\/\/kinsta.com\/de\/wp-content\/uploads\/sites\/5\/2023\/11\/cannot-use-import-statement-outside-module.png\",\"width\":1999,\"height\":1000},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/kinsta.com\/de\/blog\/cannot-use-import-statement-outside-module\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/kinsta.com\/de\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Javascript-Fehler\",\"item\":\"https:\/\/kinsta.com\/de\/thema\/javascript-fehler\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Fehler Gel\u00f6st: „Cannot use import statement outside a module“\"}]},{\"@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\/d84ceff87bd64a4368a581fc8aa8bd6f\",\"name\":\"Steve Bonisteel\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"de\",\"@id\":\"https:\/\/kinsta.com\/de\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/0adffb3f9c86a6ec8245f8399d540823?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/0adffb3f9c86a6ec8245f8399d540823?s=96&d=mm&r=g\",\"caption\":\"Steve Bonisteel\"},\"description\":\"Steve Bonisteel is a Technical Editor at Kinsta who began his writing career as a print journalist, chasing ambulances and fire trucks. He has been covering Internet-related technology since the late 1990s.\",\"url\":\"https:\/\/kinsta.com\/de\/blog\/author\/stevebonisteel\/\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Gel\u00f6st: \"Cannot Use Import Statement Outside a Module\" Error - Kinsta\u00ae","description":"Der JavaScript-Fehler \"Cannot use import statement outside a module\" kann auf verschiedene Weise auftauchen. Hier erf\u00e4hrst du, wie du ihn 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\/cannot-use-import-statement-outside-module\/","og_locale":"de_DE","og_type":"article","og_title":"Fehler Gel\u00f6st: \"Cannot use import statement outside a module\"","og_description":"Der JavaScript-Fehler \"Cannot use import statement outside a module\" kann auf verschiedene Weise auftauchen. Hier erf\u00e4hrst du, wie du ihn beheben kannst.","og_url":"https:\/\/kinsta.com\/de\/blog\/cannot-use-import-statement-outside-module\/","og_site_name":"Kinsta\u00ae","article_publisher":"https:\/\/www.facebook.com\/Kinsta-Deutschland-207459890108303\/","article_published_time":"2023-11-20T15:53:25+00:00","article_modified_time":"2025-10-01T19:15:14+00:00","og_image":[{"width":1999,"height":1000,"url":"https:\/\/kinsta.com\/de\/wp-content\/uploads\/sites\/5\/2023\/11\/cannot-use-import-statement-outside-module.png","type":"image\/png"}],"author":"Steve Bonisteel","twitter_card":"summary_large_image","twitter_description":"Der JavaScript-Fehler \"Cannot use import statement outside a module\" kann auf verschiedene Weise auftauchen. Hier erf\u00e4hrst du, wie du ihn beheben kannst.","twitter_image":"https:\/\/kinsta.com\/de\/wp-content\/uploads\/sites\/5\/2023\/11\/cannot-use-import-statement-outside-module.png","twitter_creator":"@Kinsta_DE","twitter_site":"@Kinsta_DE","twitter_misc":{"Verfasst von":"Steve Bonisteel","Gesch\u00e4tzte Lesezeit":"6\u00a0Minuten"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/kinsta.com\/de\/blog\/cannot-use-import-statement-outside-module\/#article","isPartOf":{"@id":"https:\/\/kinsta.com\/de\/blog\/cannot-use-import-statement-outside-module\/"},"author":{"name":"Steve Bonisteel","@id":"https:\/\/kinsta.com\/de\/#\/schema\/person\/d84ceff87bd64a4368a581fc8aa8bd6f"},"headline":"Fehler Gel\u00f6st: „Cannot use import statement outside a module“","datePublished":"2023-11-20T15:53:25+00:00","dateModified":"2025-10-01T19:15:14+00:00","mainEntityOfPage":{"@id":"https:\/\/kinsta.com\/de\/blog\/cannot-use-import-statement-outside-module\/"},"wordCount":1321,"commentCount":0,"publisher":{"@id":"https:\/\/kinsta.com\/de\/#organization"},"image":{"@id":"https:\/\/kinsta.com\/de\/blog\/cannot-use-import-statement-outside-module\/#primaryimage"},"thumbnailUrl":"https:\/\/kinsta.com\/de\/wp-content\/uploads\/sites\/5\/2023\/11\/cannot-use-import-statement-outside-module.png","inLanguage":"de","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/kinsta.com\/de\/blog\/cannot-use-import-statement-outside-module\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/kinsta.com\/de\/blog\/cannot-use-import-statement-outside-module\/","url":"https:\/\/kinsta.com\/de\/blog\/cannot-use-import-statement-outside-module\/","name":"Gel\u00f6st: \"Cannot Use Import Statement Outside a Module\" Error - Kinsta\u00ae","isPartOf":{"@id":"https:\/\/kinsta.com\/de\/#website"},"primaryImageOfPage":{"@id":"https:\/\/kinsta.com\/de\/blog\/cannot-use-import-statement-outside-module\/#primaryimage"},"image":{"@id":"https:\/\/kinsta.com\/de\/blog\/cannot-use-import-statement-outside-module\/#primaryimage"},"thumbnailUrl":"https:\/\/kinsta.com\/de\/wp-content\/uploads\/sites\/5\/2023\/11\/cannot-use-import-statement-outside-module.png","datePublished":"2023-11-20T15:53:25+00:00","dateModified":"2025-10-01T19:15:14+00:00","description":"Der JavaScript-Fehler \"Cannot use import statement outside a module\" kann auf verschiedene Weise auftauchen. Hier erf\u00e4hrst du, wie du ihn beheben kannst.","breadcrumb":{"@id":"https:\/\/kinsta.com\/de\/blog\/cannot-use-import-statement-outside-module\/#breadcrumb"},"inLanguage":"de","potentialAction":[{"@type":"ReadAction","target":["https:\/\/kinsta.com\/de\/blog\/cannot-use-import-statement-outside-module\/"]}]},{"@type":"ImageObject","inLanguage":"de","@id":"https:\/\/kinsta.com\/de\/blog\/cannot-use-import-statement-outside-module\/#primaryimage","url":"https:\/\/kinsta.com\/de\/wp-content\/uploads\/sites\/5\/2023\/11\/cannot-use-import-statement-outside-module.png","contentUrl":"https:\/\/kinsta.com\/de\/wp-content\/uploads\/sites\/5\/2023\/11\/cannot-use-import-statement-outside-module.png","width":1999,"height":1000},{"@type":"BreadcrumbList","@id":"https:\/\/kinsta.com\/de\/blog\/cannot-use-import-statement-outside-module\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/kinsta.com\/de\/"},{"@type":"ListItem","position":2,"name":"Javascript-Fehler","item":"https:\/\/kinsta.com\/de\/thema\/javascript-fehler\/"},{"@type":"ListItem","position":3,"name":"Fehler Gel\u00f6st: „Cannot use import statement outside a module“"}]},{"@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\/d84ceff87bd64a4368a581fc8aa8bd6f","name":"Steve Bonisteel","image":{"@type":"ImageObject","inLanguage":"de","@id":"https:\/\/kinsta.com\/de\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/0adffb3f9c86a6ec8245f8399d540823?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/0adffb3f9c86a6ec8245f8399d540823?s=96&d=mm&r=g","caption":"Steve Bonisteel"},"description":"Steve Bonisteel is a Technical Editor at Kinsta who began his writing career as a print journalist, chasing ambulances and fire trucks. He has been covering Internet-related technology since the late 1990s.","url":"https:\/\/kinsta.com\/de\/blog\/author\/stevebonisteel\/"}]}},"acf":[],"_links":{"self":[{"href":"https:\/\/kinsta.com\/de\/wp-json\/wp\/v2\/posts\/67034","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\/259"}],"replies":[{"embeddable":true,"href":"https:\/\/kinsta.com\/de\/wp-json\/wp\/v2\/comments?post=67034"}],"version-history":[{"count":6,"href":"https:\/\/kinsta.com\/de\/wp-json\/wp\/v2\/posts\/67034\/revisions"}],"predecessor-version":[{"id":67494,"href":"https:\/\/kinsta.com\/de\/wp-json\/wp\/v2\/posts\/67034\/revisions\/67494"}],"alternate":[{"embeddable":true,"hreflang":"en","title":"English","href":"https:\/\/kinsta.com\/de\/wp-json\/kinsta\/v1\/posts\/67034\/translations\/en"},{"embeddable":true,"hreflang":"it","title":"Italian","href":"https:\/\/kinsta.com\/de\/wp-json\/kinsta\/v1\/posts\/67034\/translations\/it"},{"embeddable":true,"hreflang":"pt","title":"Portuguese","href":"https:\/\/kinsta.com\/de\/wp-json\/kinsta\/v1\/posts\/67034\/translations\/pt"},{"embeddable":true,"hreflang":"fr","title":"French","href":"https:\/\/kinsta.com\/de\/wp-json\/kinsta\/v1\/posts\/67034\/translations\/fr"},{"embeddable":true,"hreflang":"de","title":"German","href":"https:\/\/kinsta.com\/de\/wp-json\/kinsta\/v1\/posts\/67034\/translations\/de"},{"embeddable":true,"hreflang":"ja","title":"Japanese","href":"https:\/\/kinsta.com\/de\/wp-json\/kinsta\/v1\/posts\/67034\/translations\/jp"},{"embeddable":true,"hreflang":"es","title":"Spanish","href":"https:\/\/kinsta.com\/de\/wp-json\/kinsta\/v1\/posts\/67034\/translations\/es"},{"href":"https:\/\/kinsta.com\/de\/wp-json\/kinsta\/v1\/posts\/67034\/tree"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/kinsta.com\/de\/wp-json\/wp\/v2\/media\/67035"}],"wp:attachment":[{"href":"https:\/\/kinsta.com\/de\/wp-json\/wp\/v2\/media?parent=67034"}],"wp:term":[{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/kinsta.com\/de\/wp-json\/wp\/v2\/tags?post=67034"},{"taxonomy":"topic","embeddable":true,"href":"https:\/\/kinsta.com\/de\/wp-json\/wp\/v2\/topic?post=67034"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}