{"id":123781,"date":"2025-02-21T08:34:08","date_gmt":"2025-02-21T06:34:08","guid":{"rendered":"https:\/\/elementor.com\/blog\/repareer-de-cannot-use-import-statement-outside-a-module-fout-year-gids\/"},"modified":"2025-01-15T11:14:45","modified_gmt":"2025-01-15T09:14:45","slug":"repareer-de-cannot-use-import-statement-outside-a-module-fout-year-gids","status":"publish","type":"post","link":"https:\/\/elementor.com\/blog\/nl\/repareer-de-cannot-use-import-statement-outside-a-module-fout-year-gids\/","title":{"rendered":"Repareer de &#8220;Cannot use import statement outside a module&#8221; Fout (2026 Gids)"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-post\" data-elementor-id=\"123781\" class=\"elementor elementor-123781 elementor-117944\" data-elementor-post-type=\"post\">\n\t\t\t\t<div class=\"elementor-element elementor-element-59ba738 e-flex e-con-boxed e-con e-parent\" data-id=\"59ba738\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-f7c3b54 elementor-widget elementor-widget-text-editor\" data-id=\"f7c3b54\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<h2><b>JavaScript Modules Begrijpen<\/b><\/h2>\n<p><span style=\"font-weight: 400;\">JavaScript modules zijn als <\/span><b>bouwstenen voor je code<\/b><span style=\"font-weight: 400;\">. Ze helpen je je werk te organiseren en delen ervan makkelijk te hergebruiken. In JavaScript komen modules in twee hoofdsmaken:<\/span><\/p>\n<ol>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><b>ES6 Modules<\/b><span style=\"font-weight: 400;\">: Dit zijn de nieuwere, modernere types.<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><b>CommonJS<\/b><span style=\"font-weight: 400;\">: Dit is een ouder type dat nog steeds in veel projecten wordt gebruikt.<\/span><\/li>\n<\/ol>\n<p><span style=\"font-weight: 400;\">De fout waar we het over hebben gebeurt meestal als deze twee types botsen.<\/span><\/p>\n<h3><b>ES6 Modules: De Nieuwe Manier<\/b><\/h3>\n<p><span style=\"font-weight: 400;\">ES6 modules kwamen met ECMAScript 6 (ook wel ES2015 genoemd). Ze bieden een nette manier om code tussen bestanden te delen. Dit maakt ze zo geweldig:<\/span><\/p>\n<ul>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><b>Betere Code Organisatie<\/b><span style=\"font-weight: 400;\">: Je kunt je code opsplitsen in kleinere, makkelijker te beheren stukken.<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><b>Makkelijk Hergebruik<\/b><span style=\"font-weight: 400;\">: Je kunt dezelfde code in verschillende delen van je project of zelfs in nieuwe projecten gebruiken.<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><b>Duidelijke Afhankelijkheden<\/b><span style=\"font-weight: 400;\">: Het is makkelijk te zien welke delen van je code afhankelijk zijn van andere.<\/span><\/li>\n<\/ul>\n<p><span style=\"font-weight: 400;\">Hier is een snel voorbeeld van ES6 modules:<\/span><\/p>\n<p><strong>javascript<\/strong><\/p>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-820eece e-flex e-con-boxed e-con e-parent\" data-id=\"820eece\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ba48499 elementor-widget elementor-widget-code-highlight\" data-id=\"ba48499\" data-element_type=\"widget\" data-widget_type=\"code-highlight.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"prismjs-okaidia copy-to-clipboard \">\n\t\t\t<pre data-line=\"\" class=\"highlight-height language-javascript line-numbers\">\n\t\t\t\t<code readonly=\"true\" class=\"language-javascript\">\n\t\t\t\t\t<xmp>\/\/ math.js (module)\r\nexport const add = (a, b) => a + b;\r\nexport const subtract = (a, b) => a - b;\r\n\r\n\/\/ app.js (main script)\r\nimport { add, subtract } from '.\/math.js';\r\n\r\nconsole.log(add(5, 3)); \/\/ Output: 8\r\nconsole.log(subtract(5, 3)); \/\/ Output: 2\r\n<\/xmp>\n\t\t\t\t<\/code>\n\t\t\t<\/pre>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-a419ee8 elementor-widget elementor-widget-text-editor\" data-id=\"a419ee8\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p><span style=\"font-weight: 400;\">In dit voorbeeld is <\/span><span style=\"font-weight: 400;\">math.js<\/span><span style=\"font-weight: 400;\"> een module die twee functies deelt. <\/span><span style=\"font-weight: 400;\">app.js<\/span><span style=\"font-weight: 400;\"> gebruikt deze functies vervolgens.<\/span><\/p>\n<h3><b>CommonJS: De Oude Betrouwbare<\/b><\/h3>\n<p><span style=\"font-weight: 400;\">CommonJS is al langer rond, vooral in Node.js. Het gebruikt andere sleutelwoorden:<\/span><\/p>\n<ul>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">require<\/span><span style=\"font-weight: 400;\"> om code van andere bestanden binnen te halen<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">module.exports<\/span><span style=\"font-weight: 400;\"> om code te delen met andere bestanden<\/span><\/li>\n<\/ul>\n<p><span style=\"font-weight: 400;\">Zo ziet het eruit:<\/span><\/p>\n<p><strong>javascript<\/strong><\/p>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-13fd082 elementor-widget elementor-widget-code-highlight\" data-id=\"13fd082\" data-element_type=\"widget\" data-widget_type=\"code-highlight.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"prismjs-okaidia copy-to-clipboard \">\n\t\t\t<pre data-line=\"\" class=\"highlight-height language-javascript line-numbers\">\n\t\t\t\t<code readonly=\"true\" class=\"language-javascript\">\n\t\t\t\t\t<xmp>\/\/ utils.js (module)\r\nconst greet = (name) => `Hello, ${name}!`;\r\nmodule.exports = { greet };\r\n\r\n\/\/ app.js (main script)\r\nconst utils = require('.\/utils.js');\r\n\r\nconsole.log(utils.greet('Alice')); \/\/ Output: Hello, Alice!\r\n<\/xmp>\n\t\t\t\t<\/code>\n\t\t\t<\/pre>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-0780c55 elementor-widget elementor-widget-text-editor\" data-id=\"0780c55\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<ol start=\"2\">\n<li>\n<p><span style=\"font-weight: 400;\">In dit geval deelt <\/span><span style=\"font-weight: 400;\">utils.js<\/span><span style=\"font-weight: 400;\"> een <\/span><span style=\"font-weight: 400;\">greet<\/span><span style=\"font-weight: 400;\"> functie, die <\/span><span style=\"font-weight: 400;\">app.js<\/span><span style=\"font-weight: 400;\"> vervolgens gebruikt.<\/span><\/p>\n<h2><b>Belangrijke Verschillen Tussen ES6 en CommonJS<\/b><\/h2>\n<p><span style=\"font-weight: 400;\">Deze verschillen begrijpen kan je helpen de &#8220;Cannot use import statement outside a module&#8221; fout te voorkomen:<\/span><\/p>\n<ol>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><b>ES6 Modules<\/b><span style=\"font-weight: 400;\">:<\/span>\n<ul>\n<li style=\"font-weight: 400;\" aria-level=\"2\"><span style=\"font-weight: 400;\">Gebruiken <\/span><span style=\"font-weight: 400;\">import<\/span><span style=\"font-weight: 400;\"> en <\/span><span style=\"font-weight: 400;\">export<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"2\"><span style=\"font-weight: 400;\">Laden code tijdens compilatie<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"2\"><span style=\"font-weight: 400;\">Werken in browsers met <\/span><span style=\"font-weight: 400;\">&lt;script type=&#8221;module&#8221;&gt;<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"2\"><span style=\"font-weight: 400;\">Hebben wat setup nodig om in Node.js te werken<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"2\"><span style=\"font-weight: 400;\">Geweldig voor nieuwe projecten en grote apps<\/span><\/li>\n<\/ul>\n<\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><b>CommonJS<\/b><span style=\"font-weight: 400;\">:<\/span>\n<ul>\n<li style=\"font-weight: 400;\" aria-level=\"2\"><span style=\"font-weight: 400;\">Gebruikt <\/span><span style=\"font-weight: 400;\">require<\/span><span style=\"font-weight: 400;\"> en <\/span><span style=\"font-weight: 400;\">module.exports<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"2\"><span style=\"font-weight: 400;\">Laadt code tijdens runtime<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"2\"><span style=\"font-weight: 400;\">Werkt out-of-the-box in Node.js<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"2\"><span style=\"font-weight: 400;\">Heeft extra tools nodig om in browsers te werken<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"2\"><span style=\"font-weight: 400;\">Goed voor bestaande Node.js projecten en simpele scripts<\/span><\/li>\n<\/ul>\n<\/li>\n<\/ol>\n<h2><b>Het Juiste Module Systeem Kiezen<\/b><\/h2>\n<p><span style=\"font-weight: 400;\">Bij het starten van een nieuw project:<\/span><\/p>\n<ul>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><b>Gebruik ES6 modules<\/b><span style=\"font-weight: 400;\"> tenzij je een specifieke reden hebt om dat niet te doen.<\/span><\/li>\n<\/ul>\n<p><span style=\"font-weight: 400;\">Voor een bestaand Node.js project:<\/span><\/p>\n<ul>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Als het al CommonJS gebruikt en simpel genoeg is, <\/span><b>blijf bij CommonJS<\/b><span style=\"font-weight: 400;\">.<\/span><\/li>\n<\/ul>\n<p><span style=\"font-weight: 400;\">Voor browser scripts:<\/span><\/p>\n<ul>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><b>Gebruik ES6 modules<\/b><span style=\"font-weight: 400;\"> met <\/span><span style=\"font-weight: 400;\">&lt;script type=&#8221;module&#8221;&gt;<\/span><span style=\"font-weight: 400;\"> of een module bundler.<\/span><\/li>\n<\/ul>\n<p><span style=\"font-weight: 400;\">Probeer maar \u00e9\u00e9n systeem in je project te gebruiken om het simpel te houden.<\/span><\/p>\n<h2><b>De Fout Fixen in Node.js<\/b><\/h2>\n<p><span style=\"font-weight: 400;\">Node.js ondersteunt nu zowel CommonJS als ES6 modules. Dit kan soms de &#8220;Cannot use import statement outside a module&#8221; fout veroorzaken. Dus, je probeert de  <\/span><span style=\"font-weight: 400;\">import  <\/span><span style=\"font-weight: 400;\">feature te gebruiken, die deel is van ES6, in een bestand dat Node.js denkt dat CommonJS gebruikt. Dat is wat deze fout veroorzaakt.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Om dit te fixen, moet je Node.js vertellen welk module systeem je gebruikt. We zullen behandelen hoe je dat doet in de volgende sectie.<\/span><\/p>\n<h2><b>Hoe los je de &#8220;Cannot use import statement outside a module&#8221; foutmelding op?<\/b><\/h2>\n<p><span style=\"font-weight: 400;\">Laten we eens kijken naar drie manieren om deze veelvoorkomende JavaScript fout op te lossen. Elke methode heeft zo z&#8217;n voor- en nadelen, dus kies degene die het beste bij je past.<\/span><\/p>\n<h3><b>Oplossing 1: Gebruik ES6 modules in Node.js<\/b><\/h3>\n<p><span style=\"font-weight: 400;\">De makkelijkste manier om deze fout op te lossen is door Node.js te vertellen dat je ES6 modules gebruikt. Hier lees je hoe:<\/span><\/p>\n<ol>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Open je <\/span><span style=\"font-weight: 400;\">package.json<\/span><span style=\"font-weight: 400;\"> bestand.<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Voeg deze regel toe:<\/span><\/li>\n<\/ol>\n<p><strong>json<\/strong><\/p>\n<\/li>\n<\/ol>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-508506a elementor-widget elementor-widget-code-highlight\" data-id=\"508506a\" data-element_type=\"widget\" data-widget_type=\"code-highlight.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"prismjs-okaidia copy-to-clipboard \">\n\t\t\t<pre data-line=\"\" class=\"highlight-height language-javascript line-numbers\">\n\t\t\t\t<code readonly=\"true\" class=\"language-javascript\">\n\t\t\t\t\t<xmp>{\r\n  \"type\": \"module\"\r\n}\r\n<\/xmp>\n\t\t\t\t<\/code>\n\t\t\t<\/pre>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-0cea9f0 elementor-widget elementor-widget-text-editor\" data-id=\"0cea9f0\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<ol start=\"2\">\n<li>\n<p><span style=\"font-weight: 400;\">Dit vertelt Node.js dat alle <\/span><span style=\"font-weight: 400;\">.js<\/span><span style=\"font-weight: 400;\">  bestanden ES6 modules zijn. Nu kun je  <\/span><span style=\"font-weight: 400;\">import<\/span><span style=\"font-weight: 400;\"> en <\/span><span style=\"font-weight: 400;\">export<\/span><span style=\"font-weight: 400;\"> zonder problemen gebruiken.<\/span><\/p>\n<p><b>Tip<\/b><span style=\"font-weight: 400;\">: Als je ES6 en CommonJS modules wilt mixen, gebruik dan deze bestandsextensies:<\/span><\/p>\n<ul>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">.mjs<\/span><span style=\"font-weight: 400;\"> voor ES6 modules<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">.cjs<\/span><span style=\"font-weight: 400;\"> voor CommonJS modules<\/span><\/li>\n<\/ul>\n<p><b>Voorbeeld:<\/b><\/p>\n<p><strong>javascript<\/strong><\/p>\n<\/li>\n<\/ol>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-94dbafe elementor-widget elementor-widget-code-highlight\" data-id=\"94dbafe\" data-element_type=\"widget\" data-widget_type=\"code-highlight.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"prismjs-okaidia copy-to-clipboard \">\n\t\t\t<pre data-line=\"\" class=\"highlight-height language-javascript line-numbers\">\n\t\t\t\t<code readonly=\"true\" class=\"language-javascript\">\n\t\t\t\t\t<xmp>\/\/ utils.mjs (ES6 module)\r\nexport const greet = (name) => `Hello, ${name}!`;\r\n\r\n\/\/ app.cjs (CommonJS module)\r\nconst utils = require('.\/utils.mjs');\r\n\r\nconsole.log(utils.greet('Alice')); \/\/ Output: Hello, Alice!\r\n<\/xmp>\n\t\t\t\t<\/code>\n\t\t\t<\/pre>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-a7c2204 elementor-widget elementor-widget-text-editor\" data-id=\"a7c2204\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<ol start=\"2\">\n<li>\n<h3><b>Oplossing 2: Gebruik de &#8211;experimental-modules vlag<\/b><\/h3>\n<p><span style=\"font-weight: 400;\">Als je nog met een oudere versie van Node.js werkt (voor 13.2.0), geen zorgen! Je kunt nog steeds profiteren van ES6 modules. Voeg gewoon een vlag toe wanneer je je code runt:<\/span><\/p>\n<\/li>\n<\/ol>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-018c137 elementor-widget elementor-widget-code-highlight\" data-id=\"018c137\" data-element_type=\"widget\" data-widget_type=\"code-highlight.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"prismjs-okaidia copy-to-clipboard \">\n\t\t\t<pre data-line=\"\" class=\"highlight-height language-javascript line-numbers\">\n\t\t\t\t<code readonly=\"true\" class=\"language-javascript\">\n\t\t\t\t\t<xmp>node --experimental-modules my_script.mjs<\/xmp>\n\t\t\t\t<\/code>\n\t\t\t<\/pre>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-255f995 elementor-widget elementor-widget-text-editor\" data-id=\"255f995\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<ol start=\"2\">\n<li>\n<p><span style=\"font-weight: 400;\">Deze vlag vertelt Node.js om <\/span><span style=\"font-weight: 400;\">.mjs<\/span><span style=\"font-weight: 400;\"> bestanden als ES6 modules te behandelen.<\/span><\/p>\n<p><b>Belangrijke opmerkingen:<\/b><\/p>\n<ul>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Deze vlag werkt misschien niet hetzelfde als in nieuwere Node.js versies.<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Hij is mogelijk niet beschikbaar in toekomstige Node.js versies.<\/span><\/li>\n<\/ul>\n<p><b>Wanneer gebruik je deze vlag:<\/b><\/p>\n<ul>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Je werkt aan een oud project met een oudere Node.js versie.<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Je wilt snel ES6 module code testen.<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Je leert over ES6 modules in een oudere Node.js setup.<\/span><\/li>\n<\/ul>\n<h3><b>Oplossing 3: Gebruik Babel om je code om te zetten<\/b><\/h3>\n<p><span style=\"font-weight: 400;\">Soms kun je Node.js niet updaten of experimentele vlaggen gebruiken. Misschien werk je aan een oud project, of werkt een deel van je code alleen met een oudere versie. In deze gevallen kun je een tool genaamd Babel gebruiken.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Babel verandert je moderne JavaScript code in oudere code die overal werkt. Dit is wat het doet:<\/span><\/p>\n<p><strong>javascript<\/strong><\/p>\n<\/li>\n<\/ol>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-e714536 elementor-widget elementor-widget-code-highlight\" data-id=\"e714536\" data-element_type=\"widget\" data-widget_type=\"code-highlight.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"prismjs-okaidia copy-to-clipboard \">\n\t\t\t<pre data-line=\"\" class=\"highlight-height language-javascript line-numbers\">\n\t\t\t\t<code readonly=\"true\" class=\"language-javascript\">\n\t\t\t\t\t<xmp>\/\/ Your modern code\r\nimport { greet } from '.\/utils.js';\r\n\r\nconsole.log(greet('Alice'));\r\n\r\n\/\/ Babel changes it to this\r\nconst { greet } = require('.\/utils.js');\r\n\r\nconsole.log(greet('Alice'));<\/xmp>\n\t\t\t\t<\/code>\n\t\t\t<\/pre>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-ecc49db elementor-widget elementor-widget-text-editor\" data-id=\"ecc49db\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<ol start=\"2\">\n<li>\n<p><span style=\"font-weight: 400;\">Je code werkt nu in oudere Node.js versies zonder de &#8220;Cannot use import statement outside a module&#8221; fout.<\/span><\/p>\n<p><b>Hoe stel je Babel in:<\/b><\/p>\n<ol>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Installeer Babel pakketten.<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Maak een Babel configuratiebestand (<\/span><span style=\"font-weight: 400;\">.babelrc<\/span><span style=\"font-weight: 400;\"> of <\/span><span style=\"font-weight: 400;\">babel.config.js<\/span><span style=\"font-weight: 400;\">).<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Voeg instellingen toe om ES6 modules naar CommonJS om te zetten.<\/span><\/li>\n<\/ol>\n<p><b>Dingen om over na te denken:<\/b><\/p>\n<ul>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Babel gebruiken voegt een extra stap toe bij het bouwen van je project.<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Je code kan iets langzamer draaien, maar je zult het waarschijnlijk niet merken.<\/span><\/li>\n<\/ul>\n<p><b>Wanneer gebruik je Babel:<\/b><\/p>\n<ul>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Je werkt aan een oud Node.js project dat je niet kunt updaten.<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Een deel van je code werkt alleen met een oudere Node.js versie.<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Je wilt moderne JavaScript schrijven maar het moet werken in oudere setups.<\/span><\/li>\n<\/ul>\n<h2><b>Hoe los je module fouten op in webbrowsers<\/b><\/h2>\n<p><span style=\"font-weight: 400;\">Moderne webbrowsers kunnen ES6 modules gebruiken, maar je moet het wel goed instellen. Laten we eens kijken hoe je de &#8220;Cannot use import statement outside a module&#8221; fout in je webprojecten kunt oplossen.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Nieuwe webbrowsers support ES6 modules, maar je moet de browser vertellen wanneer je ze gebruikt. Dit doe je met een speciale script tag. Deze tag laat de browser modules laden, afhankelijkheden afhandelen en scopes op de juiste manier beheren.<\/span><\/p>\n<h3><b>Oplossing 1: Gebruik de <\/b><b>&lt;script type=&#8221;module&#8221;&gt;<\/b><b> tag<\/b><\/h3>\n<p><span style=\"font-weight: 400;\">De makkelijkste manier om ES6 modules in een browser te gebruiken is met de <\/span><span style=\"font-weight: 400;\">&lt;script type=&#8221;module&#8221;&gt;<\/span><span style=\"font-weight: 400;\">  tag. Voeg dit gewoon toe aan je HTML:<\/span><\/p>\n<p><span style=\"font-weight: 400;\">html<\/span><\/p>\n<\/li>\n<\/ol>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-5b9a43e elementor-widget elementor-widget-code-highlight\" data-id=\"5b9a43e\" data-element_type=\"widget\" data-widget_type=\"code-highlight.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"prismjs-okaidia copy-to-clipboard \">\n\t\t\t<pre data-line=\"\" class=\"highlight-height language-html line-numbers\">\n\t\t\t\t<code readonly=\"true\" class=\"language-html\">\n\t\t\t\t\t<xmp><script type=\"module\" src=\".\/my_script.js\"><\/script><\/xmp>\n\t\t\t\t<\/code>\n\t\t\t<\/pre>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-d21ba50 e-flex e-con-boxed e-con e-parent\" data-id=\"d21ba50\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5200b0c elementor-widget elementor-widget-text-editor\" data-id=\"5200b0c\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p><span style=\"font-weight: 400;\">Dit vertelt de browser: &#8220;Dit script is een module.&#8221; Nu kun je  <\/span><span style=\"font-weight: 400;\">import<\/span><span style=\"font-weight: 400;\"> en <\/span><span style=\"font-weight: 400;\">export<\/span><span style=\"font-weight: 400;\"> in <\/span><span style=\"font-weight: 400;\">my_script.js<\/span><span style=\"font-weight: 400;\"> gebruiken zonder een fout te krijgen.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Hier is een voorbeeld:<\/span><\/p>\n<p><strong>javascript<\/strong><\/p>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-87e5abd elementor-widget elementor-widget-code-highlight\" data-id=\"87e5abd\" data-element_type=\"widget\" data-widget_type=\"code-highlight.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"prismjs-okaidia copy-to-clipboard \">\n\t\t\t<pre data-line=\"\" class=\"highlight-height language-javascript line-numbers\">\n\t\t\t\t<code readonly=\"true\" class=\"language-javascript\">\n\t\t\t\t\t<xmp>\/\/ utils.js\r\nexport const greet = (name) => `Hello, ${name}!`;\r\n\r\n\/\/ my_script.js\r\nimport { greet } from '.\/utils.js';\r\n\r\nconsole.log(greet('Browser')); \/\/ Output: Hello, Browser!<\/xmp>\n\t\t\t\t<\/code>\n\t\t\t<\/pre>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-4845de4 elementor-widget elementor-widget-text-editor\" data-id=\"4845de4\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p><span style=\"font-weight: 400;\">In dit voorbeeld deelt <\/span><span style=\"font-weight: 400;\">utils.js<\/span><span style=\"font-weight: 400;\"> de <\/span><span style=\"font-weight: 400;\">greet<\/span><span style=\"font-weight: 400;\"> functie, en <\/span><span style=\"font-weight: 400;\">my_script.js<\/span><span style=\"font-weight: 400;\">  gebruikt het. De  <\/span><span style=\"font-weight: 400;\">&lt;script type=&#8221;module&#8221;&gt;<\/span><span style=\"font-weight: 400;\"> tag zorgt ervoor dat de browser weet dat <\/span><span style=\"font-weight: 400;\">my_script.js<\/span><span style=\"font-weight: 400;\"> een module is.<\/span><\/p>\n<p><b>Belangrijke dingen om te weten:<\/b><\/p>\n<ol>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><b>Script Volgorde:<\/b><span style=\"font-weight: 400;\"> Als je meerdere <\/span><span style=\"font-weight: 400;\">&lt;script type=&#8221;module&#8221;&gt;<\/span><span style=\"font-weight: 400;\">  tags gebruikt, voert de browser ze uit in de volgorde waarin ze in de HTML verschijnen. Dit zorgt ervoor dat alles in de juiste volgorde wordt geladen.<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><b>CORS:<\/b><span style=\"font-weight: 400;\">  Als je modules van een andere website laadt, moet die website dat toestaan. Dit heet Cross-Origin Resource Sharing (CORS).<\/span><\/li>\n<\/ol>\n<p><span style=\"font-weight: 400;\">De <\/span><span style=\"font-weight: 400;\">&lt;script type=&#8221;module&#8221;&gt;<\/span><span style=\"font-weight: 400;\">  tag werkt goed voor kleine projecten of als je modules direct wilt laden. Voor grotere projecten met veel modules, gebruik je beter een module bundler.<\/span><\/p>\n<h2><b>Oplossing 2: Gebruik Module Bundlers<\/b><\/h2>\n<p><span style=\"font-weight: 400;\">Naarmate je webproject groeit en veel modules heeft die van elkaar afhankelijk zijn, kan het veel moeite kosten om alle script tags te beheren. Hier komen module bundlers goed van pas.<\/span><\/p>\n<h3><b>Wat Zijn Module Bundlers?<\/b><\/h3>\n<p><span style=\"font-weight: 400;\">Module bundlers zijn tools die alle modules in je project bekijken, bepalen hoe ze met elkaar verbonden zijn, en ze in \u00e9\u00e9n of een paar bestanden bundelen. Ze regelen ook het laden en uitvoeren van modules in de browser. Enkele populaire bundlers zijn Webpack, Parcel en Rollup.<\/span><\/p>\n<h3><b>Hoe Bundlers Helpen<\/b><\/h3>\n<ol>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><b>Ze Snappen Afhankelijkheden:<\/b><span style=\"font-weight: 400;\"> Bundlers zorgen ervoor dat je modules in de juiste volgorde laden, zelfs als ze op ingewikkelde manieren van elkaar afhankelijk zijn.<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><b>Ze Maken Je Code Beter:<\/b><span style=\"font-weight: 400;\"> Bundlers kunnen je bestanden kleiner en sneller te laden maken.<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><b>Ze Maken Je Code Overal Werkend:<\/b><span style=\"font-weight: 400;\"> Bundlers kunnen je code aanpassen zodat het werkt in oudere browsers die geen support ES6 modules ondersteunen.<\/span><\/li>\n<\/ol>\n<h3><b>Een Bundler Kiezen<\/b><\/h3>\n<p><span style=\"font-weight: 400;\">Verschillende bundlers zijn goed voor verschillende dingen:<\/span><\/p>\n<ul>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><b>Webpack:<\/b><span style=\"font-weight: 400;\">  Goed voor grote, complexe projecten. Je kunt veel instellingen aanpassen.<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><b>Parcel:<\/b><span style=\"font-weight: 400;\">  Makkelijk te gebruiken. Je hoeft niet veel in te stellen.<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><b>Rollup:<\/b><span style=\"font-weight: 400;\">  Maakt kleine, effici\u00ebnte code. Wordt vaak gebruikt voor het maken van bibliotheken.<\/span><\/li>\n<\/ul>\n<h3><b>Bundlers Gebruiken met Elementor<\/b><\/h3>\n<p><span style=\"font-weight: 400;\">Als je Elementor gebruikt om een WordPress-website te bouwen, kun je nog steeds module bundlers gebruiken. Elementor werkt goed samen met bundlers om ervoor te zorgen dat je JavaScript-code snel en effici\u00ebnt laadt.<\/span><\/p>\n<h2><b>JavaScript Modules: Best Practices en Probleemoplossing<\/b><\/h2>\n<p><span style=\"font-weight: 400;\">Zelfs als je modulesystemen begrijpt, kun je nog steeds tegen problemen aanlopen. Laten we eens kijken naar enkele veelvoorkomende problemen die de &#8220;Cannot use import statement outside a module&#8221; fout kunnen veroorzaken en hoe je ze kunt oplossen. We behandelen ook goede manieren om je code te organiseren met modules.<\/span><\/p>\n<h3><b>Veelvoorkomende Problemen en Oplossingen<\/b><\/h3>\n<p><span style=\"font-weight: 400;\">Hier zijn enkele typische problemen die kunnen leiden tot de &#8220;Cannot use import statement outside a module&#8221; fout:<\/span><\/p>\n<ol>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><b>Modulesystemen Mengen:<\/b>\n<ul>\n<li style=\"font-weight: 400;\" aria-level=\"2\"><b>Probleem:<\/b><span style=\"font-weight: 400;\"> <\/span><span style=\"font-weight: 400;\">import<\/span><span style=\"font-weight: 400;\"> gebruiken in een CommonJS module of <\/span><span style=\"font-weight: 400;\">require<\/span><span style=\"font-weight: 400;\"> in een ES6 module.<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"2\"><b>Oplossing:<\/b><span style=\"font-weight: 400;\">  Kies \u00e9\u00e9n systeem en blijf daarbij. Als je ze toch moet mengen, gebruik dan tools zoals Babel om je code overal te laten werken.<\/span><\/li>\n<\/ul>\n<\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><b>Verkeerde Bestandsextensies:<\/b>\n<ul>\n<li style=\"font-weight: 400;\" aria-level=\"2\"><b>Probleem:<\/b><span style=\"font-weight: 400;\"> De verkeerde extensie gebruiken voor je moduletype in Node.js.<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"2\"><b>Oplossing:<\/b><span style=\"font-weight: 400;\"> Als je niet <\/span><span style=\"font-weight: 400;\">&#8220;type&#8221;:<\/span> <span style=\"font-weight: 400;\">&#8220;module&#8221;<\/span><span style=\"font-weight: 400;\"> in je <\/span><span style=\"font-weight: 400;\">package.json hebt ingesteld, <\/span><span style=\"font-weight: 400;\">gebruik dan <\/span><span style=\"font-weight: 400;\">.mjs <\/span><span style=\"font-weight: 400;\">voor ES6 modules en .cjs voor CommonJS modules.<\/span><\/li>\n<\/ul>\n<\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><b>Ontbrekende Instellingen:<\/b>\n<ul>\n<li style=\"font-weight: 400;\" aria-level=\"2\"><b>Probleem:<\/b><span style=\"font-weight: 400;\"> Vergeten je project correct in te stellen voor modules.<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"2\"><b>Oplossing:<\/b><span style=\"font-weight: 400;\">  Controleer je package.json bestand voor de juiste &#8220;type&#8221; instelling. Zorg er ook voor dat je bundler-instellingen correct zijn als je er een gebruikt.<\/span><\/li>\n<\/ul>\n<\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><b>Circulaire Afhankelijkheden:<\/b>\n<ul>\n<li style=\"font-weight: 400;\" aria-level=\"2\"><b>Probleem:<\/b><span style=\"font-weight: 400;\"> Modules die in een lus van elkaar afhankelijk zijn.<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"2\"><b>Oplossing:<\/b><span style=\"font-weight: 400;\">  Herorganiseer je code om de lus te doorbreken. Je kunt beter een nieuwe module maken voor gedeelde code.<\/span><\/li>\n<\/ul>\n<\/li>\n<\/ol>\n<h3><b>Je Code Organiseren met Modules<\/b><\/h3>\n<p><span style=\"font-weight: 400;\">Modules zijn niet alleen om fouten op te lossen, joh. Ze helpen je ook om betere, schonere code te schrijven. Hier zijn wat tips:<\/span><\/p>\n<ol>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><b>Gebruik duidelijke modulenamen:<\/b>\n<ul>\n<li style=\"font-weight: 400;\" aria-level=\"2\"><span style=\"font-weight: 400;\">Goed: <\/span><span style=\"font-weight: 400;\">stringUtils.js<\/span><span style=\"font-weight: 400;\">, <\/span><span style=\"font-weight: 400;\">apiHelpers.js<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"2\"><span style=\"font-weight: 400;\">Niet zo goed: <\/span><span style=\"font-weight: 400;\">utils.js<\/span><span style=\"font-weight: 400;\">, <\/span><span style=\"font-weight: 400;\">helpers.js<\/span><\/li>\n<\/ul>\n<\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><b>Organiseer je mappen:<\/b>\n<ul>\n<li style=\"font-weight: 400;\" aria-level=\"2\"><span style=\"font-weight: 400;\">Groepeer gerelateerde modules bij elkaar.<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"2\"><span style=\"font-weight: 400;\">Je kunt organiseren op functie, feature of laag (zoals componenten, services, utilities).<\/span><\/li>\n<\/ul>\n<\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><b>\u00c9\u00e9n taak per module:<\/b>\n<ul>\n<li style=\"font-weight: 400;\" aria-level=\"2\"><span style=\"font-weight: 400;\">Elke module moet \u00e9\u00e9n ding goed doen.<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"2\"><span style=\"font-weight: 400;\">Als een module te groot wordt, splits &#8216;m dan op in kleinere.<\/span><\/li>\n<\/ul>\n<\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><b>Vermijd circulaire afhankelijkheden:<\/b>\n<ul>\n<li style=\"font-weight: 400;\" aria-level=\"2\"><span style=\"font-weight: 400;\">Laat modules niet in een lus van elkaar afhangen.<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"2\"><span style=\"font-weight: 400;\">Als het nodig is, maak dan een nieuwe module voor gedeelde code.<\/span><\/li>\n<\/ul>\n<\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><b>Wees duidelijk over imports en exports:<\/b>\n<ul>\n<li style=\"font-weight: 400;\" aria-level=\"2\"><span style=\"font-weight: 400;\">Laat duidelijk zien wat elke module deelt en gebruikt.<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"2\"><span style=\"font-weight: 400;\">Probeer alleen <\/span><span style=\"font-weight: 400;\">import * from &#8230;<\/span><span style=\"font-weight: 400;\"> te gebruiken als het echt nodig is.<\/span><\/li>\n<\/ul>\n<\/li>\n<\/ol>\n<h2><b>De toekomst van JavaScript-modules<\/b><\/h2>\n<p><span style=\"font-weight: 400;\">ES6-modules worden de belangrijkste manier om modules in JavaScript te gebruiken. Ze werken nu in de meeste browsers en krijgen betere support in Node.js. Hier is waarom ze goed zijn:<\/span><\/p>\n<ul>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Ze hebben een schone, makkelijk te lezen syntax.<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Ze laden modules op een manier die computers makkelijker kunnen begrijpen.<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Ze laten duidelijk zien wat elke module nodig heeft.<\/span><\/li>\n<\/ul>\n<p><span style=\"font-weight: 400;\">Als je een nieuw project start, gebruik dan ES6-modules. Als je aan een oud project werkt dat CommonJS gebruikt, denk dan na over langzaam overschakelen naar ES6-modules. Tools zoals Babel kunnen helpen bij deze verandering.<\/span><\/p>\n<h2><b>Elementor: Webontwikkeling makkelijker maken<\/b><\/h2>\n<p><span style=\"font-weight: 400;\">Als je websites sneller en makkelijker wilt bouwen, vind je <\/span><a href=\"https:\/\/elementor.com\/\"><b>Elementor<\/b><\/a> misschien wel leuk<span style=\"font-weight: 400;\">. Het is een tool waarmee je websites kunt ontwerpen zonder code te schrijven. Maar het is niet alleen voor ontwerp &#8211; het helpt ook met technische dingen zoals JavaScript-modules.<\/span><\/p>\n<h3><b>H<\/b><span style=\"font-weight: 400;\">oe Elementor modulebeheer vereenvoudigt<\/span><\/h3>\n<p><span style=\"font-weight: 400;\">Elementor stroomlijnt de afhandeling van modules en regelt veel van het laden en de interactie achter de schermen, vooral bij het gebruik van ingebouwde elementen en functies. Dit vereenvoudigt de ontwikkeling en vermindert de kans op veelvoorkomende module-gerelateerde problemen.<\/span><\/p>\n<h3><b>Elementor AI: Je ontwikkelingsassistent<\/b><\/h3>\n<p><span style=\"font-weight: 400;\">Elementor biedt ook AI-mogelijkheden om je workflow te versnellen:<\/span><\/p>\n<ul>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><b>Codesuggesties: <\/b><span style=\"font-weight: 400;\">Krijg hulp bij het schrijven van code voor elementen zoals animaties.<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><b>Inhulp hulp:<\/b><span style=\"font-weight: 400;\"> Genereer tekst voor je website.<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><b>Ontwerpidee\u00ebn:<\/b><span style=\"font-weight: 400;\"> Ontvang suggesties voor layouts en kleurenschema&#8217;s.<\/span><\/li>\n<\/ul>\n<p><span style=\"font-weight: 400;\">Deze AI-functies kunnen de productiviteit verhogen en nieuwe idee\u00ebn inspireren.<\/span><\/p>\n<p><b>Onthoud:<\/b><span style=\"font-weight: 400;\"> Hoewel Elementor modulebeheer vereenvoudigt, <\/span><b>kunnen bepaalde fouten nog steeds optreden met aangepaste JavaScript of externe bibliotheken<\/b><span style=\"font-weight: 400;\">. Bovendien is AI-assistentie waardevol, maar kan menselijke beoordeling en verfijning nodig zijn.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Over het algemeen stelt Elementor&#8217;s combinatie van moduleverwerking en AI-functies ontwikkelaars en ontwerpers in staat om websites effici\u00ebnter en creatiever te bouwen.<\/span><\/p>\n<h2><b>Wrap-Up<\/b><\/h2>\n<p><span style=\"font-weight: 400;\">We hebben veel besproken over de &#8220;Cannot use import statement outside a module&#8221; fout. We hebben gekeken naar waarom het gebeurt en hoe je het kunt oplossen in Node.js en in browsers. We hebben het ook gehad over goede manieren om modules in je code te gebruiken.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Onthoud, <\/span><b>ES6-modules worden de belangrijkste manier om modules in JavaScript te gebruiken<\/b><span style=\"font-weight: 400;\">. Ze zijn schoner en meer toekomstbestendig als je ze kunt gaan gebruiken in je projecten.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Als je het bouwen van websites makkelijker wilt maken, check dan Elementor. Het kan helpen met zowel ontwerp als technische dingen, zoals modules.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Blijf leren en oefenen, en je wordt beter in het omgaan met modules en het bouwen van geweldige websites!<\/span><\/p>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Heb je deze foutmelding ooit gezien tijdens het coderen in JavaScript? <strong>&#8220;Cannot use import statement outside a module.&#8221; <\/strong>Deze fout duikt vaak op als je modules probeert te gebruiken in je JavaScript code. Het kan je werk stoppen en je in de war brengen. Geen zorgen! Deze makkelijk te volgen gids helpt je te begrijpen wat deze fout veroorzaakt en hoe je &#8216;m kunt fixen.<\/p>\n","protected":false},"author":2024234,"featured_media":114789,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[515],"tags":[],"marketing_persona":[],"marketing_intent":[],"class_list":["post-123781","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-bronnen"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v26.7 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Repareer de &quot;Cannot use import statement outside a module&quot; Fout (2026 Gids)<\/title>\n<meta name=\"description\" content=\"Heb je deze foutmelding ooit gezien tijdens het coderen in JavaScript? &quot;Cannot use import statement outside a module.&quot; Deze fout duikt vaak op als je modules probeert te gebruiken in je JavaScript code. Het kan je werk stoppen en je in de war brengen. Geen zorgen! Deze makkelijk te volgen gids helpt je te begrijpen wat deze fout veroorzaakt en hoe je &#039;m kunt fixen.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/elementor.com\/blog\/nl\/repareer-de-cannot-use-import-statement-outside-a-module-fout-year-gids\/\" \/>\n<meta property=\"og:locale\" content=\"nl_NL\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Repareer de &quot;Cannot use import statement outside a module&quot; Fout ([year] Gids)\" \/>\n<meta property=\"og:description\" content=\"Heb je deze foutmelding ooit gezien tijdens het coderen in JavaScript? &quot;Cannot use import statement outside a module.&quot; Deze fout duikt vaak op als je modules probeert te gebruiken in je JavaScript code. Het kan je werk stoppen en je in de war brengen. Geen zorgen! Deze makkelijk te volgen gids helpt je te begrijpen wat deze fout veroorzaakt en hoe je &#039;m kunt fixen.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/elementor.com\/blog\/nl\/repareer-de-cannot-use-import-statement-outside-a-module-fout-year-gids\/\" \/>\n<meta property=\"og:site_name\" content=\"Blog\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/elemntor\/\" \/>\n<meta property=\"article:published_time\" content=\"2025-02-21T06:34:08+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2021\/03\/WordPress-Website-Maintenance_1200x628.png\" \/>\n\t<meta property=\"og:image:width\" content=\"1200\" \/>\n\t<meta property=\"og:image:height\" content=\"628\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"Itamar Haim\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@elemntor\" \/>\n<meta name=\"twitter:site\" content=\"@elemntor\" \/>\n<meta name=\"twitter:label1\" content=\"Geschreven door\" \/>\n\t<meta name=\"twitter:data1\" content=\"Itamar Haim\" \/>\n\t<meta name=\"twitter:label2\" content=\"Geschatte leestijd\" \/>\n\t<meta name=\"twitter:data2\" content=\"12 minuten\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/elementor.com\/blog\/nl\/repareer-de-cannot-use-import-statement-outside-a-module-fout-year-gids\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/elementor.com\/blog\/nl\/repareer-de-cannot-use-import-statement-outside-a-module-fout-year-gids\/\"},\"author\":{\"name\":\"Itamar Haim\",\"@id\":\"https:\/\/elementor.com\/blog\/nl\/#\/schema\/person\/5d24783541c454816685653dfed73377\"},\"headline\":\"Repareer de &#8220;Cannot use import statement outside a module&#8221; Fout (2026 Gids)\",\"datePublished\":\"2025-02-21T06:34:08+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/elementor.com\/blog\/nl\/repareer-de-cannot-use-import-statement-outside-a-module-fout-year-gids\/\"},\"wordCount\":2197,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/elementor.com\/blog\/nl\/#organization\"},\"image\":{\"@id\":\"https:\/\/elementor.com\/blog\/nl\/repareer-de-cannot-use-import-statement-outside-a-module-fout-year-gids\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2021\/03\/WordPress-Website-Maintenance_1200x628.png\",\"articleSection\":[\"Bronnen\"],\"inLanguage\":\"nl-NL\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/elementor.com\/blog\/nl\/repareer-de-cannot-use-import-statement-outside-a-module-fout-year-gids\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/elementor.com\/blog\/nl\/repareer-de-cannot-use-import-statement-outside-a-module-fout-year-gids\/\",\"url\":\"https:\/\/elementor.com\/blog\/nl\/repareer-de-cannot-use-import-statement-outside-a-module-fout-year-gids\/\",\"name\":\"Repareer de \\\"Cannot use import statement outside a module\\\" Fout ([year] Gids)\",\"isPartOf\":{\"@id\":\"https:\/\/elementor.com\/blog\/nl\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/elementor.com\/blog\/nl\/repareer-de-cannot-use-import-statement-outside-a-module-fout-year-gids\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/elementor.com\/blog\/nl\/repareer-de-cannot-use-import-statement-outside-a-module-fout-year-gids\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2021\/03\/WordPress-Website-Maintenance_1200x628.png\",\"datePublished\":\"2025-02-21T06:34:08+00:00\",\"description\":\"Heb je deze foutmelding ooit gezien tijdens het coderen in JavaScript? \\\"Cannot use import statement outside a module.\\\" Deze fout duikt vaak op als je modules probeert te gebruiken in je JavaScript code. Het kan je werk stoppen en je in de war brengen. Geen zorgen! Deze makkelijk te volgen gids helpt je te begrijpen wat deze fout veroorzaakt en hoe je 'm kunt fixen.\",\"breadcrumb\":{\"@id\":\"https:\/\/elementor.com\/blog\/nl\/repareer-de-cannot-use-import-statement-outside-a-module-fout-year-gids\/#breadcrumb\"},\"inLanguage\":\"nl-NL\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/elementor.com\/blog\/nl\/repareer-de-cannot-use-import-statement-outside-a-module-fout-year-gids\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"nl-NL\",\"@id\":\"https:\/\/elementor.com\/blog\/nl\/repareer-de-cannot-use-import-statement-outside-a-module-fout-year-gids\/#primaryimage\",\"url\":\"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2021\/03\/WordPress-Website-Maintenance_1200x628.png\",\"contentUrl\":\"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2021\/03\/WordPress-Website-Maintenance_1200x628.png\",\"width\":1200,\"height\":628},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/elementor.com\/blog\/nl\/repareer-de-cannot-use-import-statement-outside-a-module-fout-year-gids\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Blog\",\"item\":\"https:\/\/elementor.com\/blog\/nl\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Bronnen\",\"item\":\"https:\/\/elementor.com\/blog\/nl\/category\/bronnen\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Repareer de &#8220;Cannot use import statement outside a module&#8221; Fout (2025 Gids)\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/elementor.com\/blog\/nl\/#website\",\"url\":\"https:\/\/elementor.com\/blog\/nl\/\",\"name\":\"Elementor\",\"description\":\"Website Builder for WordPress\",\"publisher\":{\"@id\":\"https:\/\/elementor.com\/blog\/nl\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/elementor.com\/blog\/nl\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"nl-NL\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/elementor.com\/blog\/nl\/#organization\",\"name\":\"Elementor\",\"url\":\"https:\/\/elementor.com\/blog\/nl\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"nl-NL\",\"@id\":\"https:\/\/elementor.com\/blog\/nl\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2025\/06\/images.png\",\"contentUrl\":\"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2025\/06\/images.png\",\"width\":225,\"height\":225,\"caption\":\"Elementor\"},\"image\":{\"@id\":\"https:\/\/elementor.com\/blog\/nl\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/elemntor\/\",\"https:\/\/x.com\/elemntor\",\"https:\/\/www.instagram.com\/elementor\/\",\"https:\/\/www.youtube.com\/channel\/UCt9kG_EDX8zwGSC1-ycJJVA?sub_confirmation=1\",\"https:\/\/en.wikipedia.org\/wiki\/Elementor\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/elementor.com\/blog\/nl\/#\/schema\/person\/5d24783541c454816685653dfed73377\",\"name\":\"Itamar Haim\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"nl-NL\",\"@id\":\"https:\/\/elementor.com\/blog\/nl\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/830174068538633c83fd732c583ea1fe9d4c813314075640bf78d5a621982848?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/830174068538633c83fd732c583ea1fe9d4c813314075640bf78d5a621982848?s=96&d=mm&r=g\",\"caption\":\"Itamar Haim\"},\"description\":\"Itamar Haim, SEO Team Lead at Elementor, is a digital strategist merging SEO &amp; AEO \/ GEO, and web development. He leverages deep WordPress expertise to drive global organic growth, empowering businesses to navigate the AI era and ensuring top-tier search performance for millions of websites.\",\"sameAs\":[\"https:\/\/elementor.com\/blog\/author\/itamarha\/\",\"https:\/\/www.linkedin.com\/in\/itamar-haim-8149b85b\/\"],\"url\":\"https:\/\/elementor.com\/blog\/nl\/author\/itamarha\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Repareer de \"Cannot use import statement outside a module\" Fout (2026 Gids)","description":"Heb je deze foutmelding ooit gezien tijdens het coderen in JavaScript? \"Cannot use import statement outside a module.\" Deze fout duikt vaak op als je modules probeert te gebruiken in je JavaScript code. Het kan je werk stoppen en je in de war brengen. Geen zorgen! Deze makkelijk te volgen gids helpt je te begrijpen wat deze fout veroorzaakt en hoe je 'm kunt fixen.","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:\/\/elementor.com\/blog\/nl\/repareer-de-cannot-use-import-statement-outside-a-module-fout-year-gids\/","og_locale":"nl_NL","og_type":"article","og_title":"Repareer de \"Cannot use import statement outside a module\" Fout ([year] Gids)","og_description":"Heb je deze foutmelding ooit gezien tijdens het coderen in JavaScript? \"Cannot use import statement outside a module.\" Deze fout duikt vaak op als je modules probeert te gebruiken in je JavaScript code. Het kan je werk stoppen en je in de war brengen. Geen zorgen! Deze makkelijk te volgen gids helpt je te begrijpen wat deze fout veroorzaakt en hoe je 'm kunt fixen.","og_url":"https:\/\/elementor.com\/blog\/nl\/repareer-de-cannot-use-import-statement-outside-a-module-fout-year-gids\/","og_site_name":"Blog","article_publisher":"https:\/\/www.facebook.com\/elemntor\/","article_published_time":"2025-02-21T06:34:08+00:00","og_image":[{"width":1200,"height":628,"url":"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2021\/03\/WordPress-Website-Maintenance_1200x628.png","type":"image\/png"}],"author":"Itamar Haim","twitter_card":"summary_large_image","twitter_creator":"@elemntor","twitter_site":"@elemntor","twitter_misc":{"Geschreven door":"Itamar Haim","Geschatte leestijd":"12 minuten"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/elementor.com\/blog\/nl\/repareer-de-cannot-use-import-statement-outside-a-module-fout-year-gids\/#article","isPartOf":{"@id":"https:\/\/elementor.com\/blog\/nl\/repareer-de-cannot-use-import-statement-outside-a-module-fout-year-gids\/"},"author":{"name":"Itamar Haim","@id":"https:\/\/elementor.com\/blog\/nl\/#\/schema\/person\/5d24783541c454816685653dfed73377"},"headline":"Repareer de &#8220;Cannot use import statement outside a module&#8221; Fout (2026 Gids)","datePublished":"2025-02-21T06:34:08+00:00","mainEntityOfPage":{"@id":"https:\/\/elementor.com\/blog\/nl\/repareer-de-cannot-use-import-statement-outside-a-module-fout-year-gids\/"},"wordCount":2197,"commentCount":0,"publisher":{"@id":"https:\/\/elementor.com\/blog\/nl\/#organization"},"image":{"@id":"https:\/\/elementor.com\/blog\/nl\/repareer-de-cannot-use-import-statement-outside-a-module-fout-year-gids\/#primaryimage"},"thumbnailUrl":"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2021\/03\/WordPress-Website-Maintenance_1200x628.png","articleSection":["Bronnen"],"inLanguage":"nl-NL","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/elementor.com\/blog\/nl\/repareer-de-cannot-use-import-statement-outside-a-module-fout-year-gids\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/elementor.com\/blog\/nl\/repareer-de-cannot-use-import-statement-outside-a-module-fout-year-gids\/","url":"https:\/\/elementor.com\/blog\/nl\/repareer-de-cannot-use-import-statement-outside-a-module-fout-year-gids\/","name":"Repareer de \"Cannot use import statement outside a module\" Fout ([year] Gids)","isPartOf":{"@id":"https:\/\/elementor.com\/blog\/nl\/#website"},"primaryImageOfPage":{"@id":"https:\/\/elementor.com\/blog\/nl\/repareer-de-cannot-use-import-statement-outside-a-module-fout-year-gids\/#primaryimage"},"image":{"@id":"https:\/\/elementor.com\/blog\/nl\/repareer-de-cannot-use-import-statement-outside-a-module-fout-year-gids\/#primaryimage"},"thumbnailUrl":"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2021\/03\/WordPress-Website-Maintenance_1200x628.png","datePublished":"2025-02-21T06:34:08+00:00","description":"Heb je deze foutmelding ooit gezien tijdens het coderen in JavaScript? \"Cannot use import statement outside a module.\" Deze fout duikt vaak op als je modules probeert te gebruiken in je JavaScript code. Het kan je werk stoppen en je in de war brengen. Geen zorgen! Deze makkelijk te volgen gids helpt je te begrijpen wat deze fout veroorzaakt en hoe je 'm kunt fixen.","breadcrumb":{"@id":"https:\/\/elementor.com\/blog\/nl\/repareer-de-cannot-use-import-statement-outside-a-module-fout-year-gids\/#breadcrumb"},"inLanguage":"nl-NL","potentialAction":[{"@type":"ReadAction","target":["https:\/\/elementor.com\/blog\/nl\/repareer-de-cannot-use-import-statement-outside-a-module-fout-year-gids\/"]}]},{"@type":"ImageObject","inLanguage":"nl-NL","@id":"https:\/\/elementor.com\/blog\/nl\/repareer-de-cannot-use-import-statement-outside-a-module-fout-year-gids\/#primaryimage","url":"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2021\/03\/WordPress-Website-Maintenance_1200x628.png","contentUrl":"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2021\/03\/WordPress-Website-Maintenance_1200x628.png","width":1200,"height":628},{"@type":"BreadcrumbList","@id":"https:\/\/elementor.com\/blog\/nl\/repareer-de-cannot-use-import-statement-outside-a-module-fout-year-gids\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Blog","item":"https:\/\/elementor.com\/blog\/nl\/"},{"@type":"ListItem","position":2,"name":"Bronnen","item":"https:\/\/elementor.com\/blog\/nl\/category\/bronnen\/"},{"@type":"ListItem","position":3,"name":"Repareer de &#8220;Cannot use import statement outside a module&#8221; Fout (2025 Gids)"}]},{"@type":"WebSite","@id":"https:\/\/elementor.com\/blog\/nl\/#website","url":"https:\/\/elementor.com\/blog\/nl\/","name":"Elementor","description":"Website Builder for WordPress","publisher":{"@id":"https:\/\/elementor.com\/blog\/nl\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/elementor.com\/blog\/nl\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"nl-NL"},{"@type":"Organization","@id":"https:\/\/elementor.com\/blog\/nl\/#organization","name":"Elementor","url":"https:\/\/elementor.com\/blog\/nl\/","logo":{"@type":"ImageObject","inLanguage":"nl-NL","@id":"https:\/\/elementor.com\/blog\/nl\/#\/schema\/logo\/image\/","url":"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2025\/06\/images.png","contentUrl":"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2025\/06\/images.png","width":225,"height":225,"caption":"Elementor"},"image":{"@id":"https:\/\/elementor.com\/blog\/nl\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/elemntor\/","https:\/\/x.com\/elemntor","https:\/\/www.instagram.com\/elementor\/","https:\/\/www.youtube.com\/channel\/UCt9kG_EDX8zwGSC1-ycJJVA?sub_confirmation=1","https:\/\/en.wikipedia.org\/wiki\/Elementor"]},{"@type":"Person","@id":"https:\/\/elementor.com\/blog\/nl\/#\/schema\/person\/5d24783541c454816685653dfed73377","name":"Itamar Haim","image":{"@type":"ImageObject","inLanguage":"nl-NL","@id":"https:\/\/elementor.com\/blog\/nl\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/830174068538633c83fd732c583ea1fe9d4c813314075640bf78d5a621982848?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/830174068538633c83fd732c583ea1fe9d4c813314075640bf78d5a621982848?s=96&d=mm&r=g","caption":"Itamar Haim"},"description":"Itamar Haim, SEO Team Lead at Elementor, is a digital strategist merging SEO &amp; AEO \/ GEO, and web development. He leverages deep WordPress expertise to drive global organic growth, empowering businesses to navigate the AI era and ensuring top-tier search performance for millions of websites.","sameAs":["https:\/\/elementor.com\/blog\/author\/itamarha\/","https:\/\/www.linkedin.com\/in\/itamar-haim-8149b85b\/"],"url":"https:\/\/elementor.com\/blog\/nl\/author\/itamarha\/"}]}},"_links":{"self":[{"href":"https:\/\/elementor.com\/blog\/nl\/wp-json\/wp\/v2\/posts\/123781","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/elementor.com\/blog\/nl\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/elementor.com\/blog\/nl\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/elementor.com\/blog\/nl\/wp-json\/wp\/v2\/users\/2024234"}],"replies":[{"embeddable":true,"href":"https:\/\/elementor.com\/blog\/nl\/wp-json\/wp\/v2\/comments?post=123781"}],"version-history":[{"count":1,"href":"https:\/\/elementor.com\/blog\/nl\/wp-json\/wp\/v2\/posts\/123781\/revisions"}],"predecessor-version":[{"id":123783,"href":"https:\/\/elementor.com\/blog\/nl\/wp-json\/wp\/v2\/posts\/123781\/revisions\/123783"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/elementor.com\/blog\/nl\/wp-json\/wp\/v2\/media\/114789"}],"wp:attachment":[{"href":"https:\/\/elementor.com\/blog\/nl\/wp-json\/wp\/v2\/media?parent=123781"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/elementor.com\/blog\/nl\/wp-json\/wp\/v2\/categories?post=123781"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/elementor.com\/blog\/nl\/wp-json\/wp\/v2\/tags?post=123781"},{"taxonomy":"marketing_persona","embeddable":true,"href":"https:\/\/elementor.com\/blog\/nl\/wp-json\/wp\/v2\/marketing_persona?post=123781"},{"taxonomy":"marketing_intent","embeddable":true,"href":"https:\/\/elementor.com\/blog\/nl\/wp-json\/wp\/v2\/marketing_intent?post=123781"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}