Svelte 返回 404 错误未找到：/signup 错误：未找到：/signup

Question

当我点击注册页面时，我的项目返回了这个恼人的 404 错误。不知道会发生什么。我的带有登录表单的主页，如下所示：

<script>
  import supabase  from "$lib/external/supa";
  import { goto } from "$app/navigation";

  let email = "";
  let password = "";

  export let title;

  async function handleLogin() {
    if (title == "Login") {
      const { user, error } = await supabase.auth.signIn({
        email: email,
        password: password,
      });
      if (user) {
        goto("/dashboard");
      } else {
        console.log(error);
      }
    } else {
      const { user, error } = await supabase.auth.signUp({
        email: email,
        password: password,
      });
      if (user) {
        goto("/dashboard");
      } else {
        console.log(error);
      }
    }
  }
</script>

<div class="loginFormContainer">
    <h1>{title}</h1>
    <form class="loginForm" on:submit|preventDefault={handleLogin}>
        <input type="email" bind:value={email} placeholder="email@email.com"/>
        <input type="password" bind:value={password} placeholder="password"/>
        <button type="submit">{title}</button>
    </form>
    <a href="/signup">Not a member? Sign up</a>
</div>

当我点击注册按钮时，出现以下错误：

404
Not found: /signup
Error: Not found: /signup
    at resolve (file:///<path>/node_modules/@sveltejs/kit/src/runtime/server/index.js:326:13)
    at Object.handle (file:///<path>/node_modules/@sveltejs/kit/src/exports/vite/dev/index.js:319:66)
    at respond (file:///<path>/node_modules/@sveltejs/kit/src/runtime/server/index.js:345:30)
    at processTicksAndRejections (node:internal/process/task_queues:96:5)
    at async file:///<path>/node_modules/@sveltejs/kit/src/exports/vite/dev/index.js:385:22

还有这个我的signup.svelte

<script>
  import LoginForm from "$lib/components/loginForm.svelte";
</script>

<div class="container">
  <LoginForm title="Sign Up" />
</div>

我不是 Svelte 或前端开发方面的专家，但我认为这可能与路线有关，当我检查页面时，我刚刚得到

Failed to load resource: the server responded with a status of 404 (Not Found)

我用这个视频作为参考：

https://www.youtube.com/watch?v=z3BAuF2XZng

我的源/路线：

谢谢！

Answer 1

路由系统在最近的版本中发生了变化，现在您必须为每个路由创建一个文件夹，因此您的文件夹结构必须是：

/src
  /routes
    /dashboard
      +page.svelte
    /signup
      +page.svelte
    +page.svelte