diff --git a/src/compiler/compile/render_dom/wrappers/shared/create_debugging_comment.ts b/src/compiler/compile/render_dom/wrappers/shared/create_debugging_comment.ts
index 530fae69fd..1d8fe06c1f 100644
--- a/src/compiler/compile/render_dom/wrappers/shared/create_debugging_comment.ts
+++ b/src/compiler/compile/render_dom/wrappers/shared/create_debugging_comment.ts
@@ -1,38 +1,50 @@
-import Component from '../../../Component';
-import { INode } from '../../../nodes/interfaces';
-import { regex_whitespace_characters } from '../../../../utils/patterns';
+import { regex_whitespace_characters } from '../../../../utils/patterns.js';
 
-export default function create_debugging_comment(node: INode, component: Component) {
-	const { locate, source } = component;
+/**
+ * @param {import('../../../nodes/interfaces.js').INode} node
+ * @param {import('../../../Component.js').default} component
+ */
+export default function create_debugging_comment(node, component) {
+    const { locate, source } = component;
+    let c = node.start;
+    if (node.type === 'ElseBlock') {
+        while (source[c - 1] !== '{')
+            c -= 1;
+        while (source[c - 1] === '{')
+            c -= 1;
+    }
 
-	let c = node.start;
-	if (node.type === 'ElseBlock') {
-		while (source[c - 1] !== '{') c -= 1;
-		while (source[c - 1] === '{') c -= 1;
-	}
+    /** @type {number} */
+    let d;
+    if (node.type === 'InlineComponent' || node.type === 'Element' || node.type === 'SlotTemplate') {
+        if (node.children.length) {
+            d = node.children[0].start;
+            while (source[d - 1] !== '>')
+                d -= 1;
+        }
+        else {
+            d = node.start;
+            while (source[d] !== '>')
+                d += 1;
+            d += 1;
+        }
+    }
+    else if (node.type === 'Text' || node.type === 'Comment') {
+        d = node.end;
+    }
+    else {
+        // @ts-ignore
+        d = node.expression ? node.expression.node.end : c;
+        while (source[d] !== '}' && d <= source.length)
+            d += 1;
+        while (source[d] === '}')
+            d += 1;
+    }
+    const start = locate(c);
+    const loc = `(${start.line}:${start.column})`;
+    return `${loc} ${source.slice(c, d)}`.replace(regex_whitespace_characters, ' ');
+}
 
-	let d: number;
 
-	if (node.type === 'InlineComponent' || node.type === 'Element' || node.type === 'SlotTemplate') {
-		if (node.children.length) {
-			d = node.children[0].start;
-			while (source[d - 1] !== '>') d -= 1;
-		} else {
-			d = node.start;
-			while (source[d] !== '>') d += 1;
-			d += 1;
-		}
-	} else if (node.type === 'Text' || node.type === 'Comment') {
-		d = node.end;
-	} else {
-		// @ts-ignore
-		d = node.expression ? node.expression.node.end : c;
-		while (source[d] !== '}' && d <= source.length) d += 1;
-		while (source[d] === '}') d += 1;
-	}
 
-	const start = locate(c);
-	const loc = `(${start.line}:${start.column})`;
 
-	return `${loc} ${source.slice(c, d)}`.replace(regex_whitespace_characters, ' ');
-}