How can I get a simple api route to work?

[ensconced]

I'm probably missing something obvious here - I'm trying to set up a basic api route.

Steps to reproduce my issue:

• pnpm create @tanstack/start and follow the steps to create the project
• start pnpm run dev
• create new file app/routes/api/banana.ts
• the new file is automatically filled with the following content:

  import { json } from "@tanstack/start";
  import { createAPIFileRoute } from "@tanstack/start/api";
  
  export const APIRoute = createAPIFileRoute("/api/banana")({
    GET: ({ request, params }) => {
      return json({ message: 'Hello "/api/banana"!' });
    },
  });
  

• go to http://localhost:3000/api/banana in the browser - expect to see the JSON, but instead see "Not Found"

[schiller-manuel]

you need to add an api.ts file: https://github.com/TanStack/router/blob/main/e2e/start/basic/app/api.ts

[ensconced]

🤦
thank you!