Cannot dynamically import and await a Svelte component in SSR

[hyunbinseo]

Describe the bug

{#if true}
  {@const Component = (await import('./Hello.svelte')).default}
  <Component></Component>
{/if}

Parse failure: await isn't allowed in non-async function
At file: /src/routes/(examples)/svelte-kit-dynamic-import/+page.svelte:74:23

/src/routes/(examples)/svelte-kit-dynamic-import/+page.svelte:74:23

72 |  				$$renderer.push('<!--\[-->');
73 |  
74 |  				const Component = (await $.save(import("/src/routes/(examples)/svelte-kit-dynamic-import/Component.svelte")))().d...
   |                         ^
75 |  
76 |  				$$renderer.push(\`<!---->\`);

Reproduction

https://svelte.dev/playground/31f1a4b7d7c1482ea0a9d1ccd8cd2382?version=5.39.8

export default function App($$renderer, $$props) {
  $$renderer.component(($$renderer) => {
    if (true) {
      $$renderer.push('<!--[-->');

      const Component = (await $.save(import('./Hello.svelte')))().default;

Logs

System Info

-

Severity

annoyance

[yuki0418]

Reproduction in kit
https://www.sveltelab.dev/7ru1d5axja11w80

[yuki0418]

@hyunbinseo
It works if you replace {#if} with <svelte:boundary> or something else.
Somehow currently, compiler node.metadata.expression.has_await in packages/svelte/src/compiler/phases/3-transform/server/visitors/IfBlock.js return false so it occurs compile error.

[hyunbinseo]

Thank you, I can confirm that it works with a svelte:boundary

• https://hyunb.in/svelte-kit-dynamic-import
• hyunbinseo/hyunbin@b45f061