diff --git a/.changeset/tiny-tomatoes-switch.md b/.changeset/tiny-tomatoes-switch.md
new file mode 100644
index 0000000..f8d5408
--- /dev/null
+++ b/.changeset/tiny-tomatoes-switch.md
@@ -0,0 +1,5 @@
+---
+'svelte-hmr': patch
+---
+
+Fix injecting imports whose paths contain special characters
diff --git a/packages/svelte-hmr/lib/make-hot.js b/packages/svelte-hmr/lib/make-hot.js
index ac8d8eb..b9a68fe 100644
--- a/packages/svelte-hmr/lib/make-hot.js
+++ b/packages/svelte-hmr/lib/make-hot.js
@@ -75,8 +75,8 @@ const renderApplyHmr = ({
   preserveLocalState,
   emitCss,
   imports = [
-    `import * as ${globalName} from '${hotApiImport}'`,
-    `import { adapter as ${importAdapterName} } from '${adapterImport}'`,
+    `import * as ${globalName} from ${JSON.stringify(hotApiImport)}`,
+    `import { adapter as ${importAdapterName} } from ${JSON.stringify(adapterImport)}`,
   ],
 }) =>
   // this silly formatting keeps all original characters in their position,