diff --git a/examples/dynamic-data.js b/examples/dynamic-data.js
index 8ba33533a7..e65a0d21f7 100644
--- a/examples/dynamic-data.js
+++ b/examples/dynamic-data.js
@@ -4,7 +4,7 @@ import {MultiPoint, Point} from '../src/ol/geom.js';
 import TileLayer from '../src/ol/layer/Tile.js';
 import OSM from '../src/ol/source/OSM.js';
 import {Circle as CircleStyle, Fill, Stroke, Style} from '../src/ol/style.js';
-import {getVectorContext} from '../src/ol/render';
+import {getVectorContext} from '../src/ol/render.js';
 
 const tileLayer = new TileLayer({
   source: new OSM()
diff --git a/examples/feature-animation.js b/examples/feature-animation.js
index e0bba2e586..bd15602f7a 100644
--- a/examples/feature-animation.js
+++ b/examples/feature-animation.js
@@ -8,7 +8,7 @@ import {Tile as TileLayer, Vector as VectorLayer} from '../src/ol/layer.js';
 import {fromLonLat} from '../src/ol/proj.js';
 import {OSM, Vector as VectorSource} from '../src/ol/source.js';
 import {Circle as CircleStyle, Stroke, Style} from '../src/ol/style.js';
-import {getVectorContext} from '../src/ol/render';
+import {getVectorContext} from '../src/ol/render.js';
 
 const tileLayer = new TileLayer({
   source: new OSM({
diff --git a/examples/flight-animation.js b/examples/flight-animation.js
index c0b549267e..9445a8d14b 100644
--- a/examples/flight-animation.js
+++ b/examples/flight-animation.js
@@ -6,7 +6,7 @@ import {Tile as TileLayer, Vector as VectorLayer} from '../src/ol/layer.js';
 import Stamen from '../src/ol/source/Stamen.js';
 import VectorSource from '../src/ol/source/Vector.js';
 import {Stroke, Style} from '../src/ol/style.js';
-import {getVectorContext} from '../src/ol/render';
+import {getVectorContext} from '../src/ol/render.js';
 
 const tileLayer = new TileLayer({
   source: new Stamen({
diff --git a/examples/igc.js b/examples/igc.js
index b7cf70cbda..5dc8cd6ace 100644
--- a/examples/igc.js
+++ b/examples/igc.js
@@ -7,7 +7,7 @@ import {Tile as TileLayer, Vector as VectorLayer} from '../src/ol/layer.js';
 import OSM, {ATTRIBUTION} from '../src/ol/source/OSM.js';
 import VectorSource from '../src/ol/source/Vector.js';
 import {Circle as CircleStyle, Fill, Stroke, Style} from '../src/ol/style.js';
-import {getVectorContext} from '../src/ol/render';
+import {getVectorContext} from '../src/ol/render.js';
 
 
 const colors = {
diff --git a/examples/synthetic-points.js b/examples/synthetic-points.js
index 2fb7c5f3ef..1eceb86fdf 100644
--- a/examples/synthetic-points.js
+++ b/examples/synthetic-points.js
@@ -5,7 +5,7 @@ import {LineString, Point} from '../src/ol/geom.js';
 import VectorLayer from '../src/ol/layer/Vector.js';
 import VectorSource from '../src/ol/source/Vector.js';
 import {Circle as CircleStyle, Fill, Stroke, Style} from '../src/ol/style.js';
-import {getVectorContext} from '../src/ol/render';
+import {getVectorContext} from '../src/ol/render.js';
 
 
 const count = 20000;