The sveltekit-tutorial's discuss from iamshaunjp

sveltekit-tutorial's Issues

[lesson 10] page.params.id

when i typed in the code that you showed in the video[lesson 10]:

<script context="module">
  export async function load({ page, fetch }) {
    const id = page.params.id
    const res = await fetch(`https://jsonplaceholder.typicode.com/posts/${id}`)
    const guide = await res.json()
    if (res.ok) {
      return {
        props: {
          guide
        }
      }
    }
    return {
      status: res.status,
      error: new Error('Could not fetch that guide')
    }
  }
</script>

I got a error:

`page` in `load` functions has been replaced by `url` and `params`
Error: `page` in `load` functions has been replaced by `url` and `params`

so I use this code to check the arguments:

export async function load({ fetch}) {
    console.dir(arguments);  
}

and finally I know how to get the 'id' by using following code:

<script context="module">
  export async function load({ fetch, params }) {
    console.dir(arguments);  //遇到报错的时候可以用console把参数全部打印出来看看
    const id = params.id;
    const res = await fetch(`https://jsonplaceholder.typicode.com/posts/${id}`);
    const guide = await res.json();

    if (res.ok) {
      return {
        props: {
          guide,
        },
      };
    }

    return {
      status: res.status,
      error: new Error("Could not fetch the guide"),
    };
  }
</script>

Hopefully this can help others with the same bug.(๑′ᴗ‵๑)Ｉ Lᵒᵛᵉᵧₒᵤ❤

when I create a file called "__layout.reset.svelte" in your video and code.
I get a wrong info: "__layout.reset has been removed in favour of named layouts: https://kit.svelte.dev/docs/layouts#named-layouts"

and i try to rename it as "__layout-reset.svelte ". it's work!. i guess the reason is the version of sveltekit.

Recommend Projects