fix: allow await in {@const } in more blocks
#16568
await in {@const } in more blocksClosing issue
Describe the bug
await doesn't work when used in conjunction with @const
Reproduction
Logs
await isn't allowed in non-async function (Note that you need plugins to import files that are not JavaScript)System Info
Using Svelte compiler version 5.36.12
running Svelte compiler version 5.36.12Severity
blocking an upgrade
Pull request
Closes #16462
Before submitting the PR, please make sure you do the following
- It's really useful if your PR references an issue where it is discussed ahead of time. In many cases, features are absent for a reason. For large changes, please create an RFC: https://github.com/sveltejs/rfcs
- Prefix your PR title with
feat:,fix:,chore:, ordocs:. - This message body should clearly illustrate what problems it solves.
- Ideally, include a test that fails without this PR but passes with it.
- If this PR changes code within
packages/svelte/src, add a changeset (npx changeset).
Tests and linting
- Run the tests with
pnpm testand lint the project withpnpm lint
Info
![changeset-bot[bot]](https://avatars.githubusercontent.com/in/28616?v=4)
🦋 Changeset detected
Latest commit: 5c784e2
The changes in this PR will be included in the next version bump.
This PR includes changesets to release 1 package
| Name | Type |
|---|---|
| svelte | Patch |
Not sure what this means? Click here to learn what changesets are.
Click here if you're a maintainer who wants to add another changeset to this PR
![svelte-docs-bot[bot]](https://avatars.githubusercontent.com/u/23617963?v=4)
![github-actions[bot]](https://avatars.githubusercontent.com/in/15368?v=4)
pnpm add https://pkg.pr.new/svelte@16568
I'm not sure if this is a bug or if I'm misunderstanding something, but I've encountered an issue.
The {@const { data } = await fetch} syntax works correctly on initial page load. However, when I navigate to a different page, I get the following error: Uncaught (in promise) TypeError: Cannot destructure property 'data' of '$.get(...)' as it is undefined.
It appears that the data variable becomes undefined during the navigation to the next page, which leads to the destructuring failing and causing the error.
I'm not sure if this is a bug or if I'm misunderstanding something, but I've encountered an issue.
The
{@const { data } = await fetch}syntax works correctly on initial page load. However, when I navigate to a different page, I get the following error:Uncaught (in promise) TypeError: Cannot destructure property 'data' of '$.get(...)' as it is undefined.It appears that the
datavariable becomes undefined during the navigation to the next page, which leads to the destructuring failing and causing the error.
The issue you're encountering may be related to this bug in async svelte: #16387
Closing in favor of #16643