Wasp•13mo ago•

10 replies

Wasp API Route Not Found (404) for Langflow Integration in GitHub Codespaces

Hey everyone,

I'm working on integrating Langflow into my Wasp (v0.16.0) project inside a GitHub Codespace, but I'm running into a 404 Not Found issue when my frontend tries to call the API route.

---

Setup & What I'm Trying to Do

- Using Wasp (v0.16.0).
- Running the app inside a GitHub Codespace.
- Trying to create an API endpoint (

/api/runLangflow

/api/runLangflow

) that my frontend can call to interact with Langflow.

---

What I’ve Done So Far

Defined the API route in

main.wasp

main.wasp

api runLangflow {
  fn: import { runLangflow } from "@src/demo-ai-app/operations",
  entities: [User],
  httpRoute: (POST, "/api/runLangflow")
}

api runLangflow {
  fn: import { runLangflow } from "@src/demo-ai-app/operations",
  entities: [User],
  httpRoute: (POST, "/api/runLangflow")
}

Created the function in

operations.ts

operations.ts

import { LangflowClient } from "./langflow";

{API Keys}

const langflowClient = new LangflowClient(
{ENV}
);

export async function runLangflow({ input }: { input: string }) {
  try {
    const response = await langflowClient.runFlow(input);
    return response;
  } catch (e) {
    console.error("Error running Langflow:", e);
    throw e;
  }
}

import { LangflowClient } from "./langflow";

{API Keys}

const langflowClient = new LangflowClient(
{ENV}
);

export async function runLangflow({ input }: { input: string }) {
  try {
    const response = await langflowClient.runFlow(input);
    return response;
  } catch (e) {
    console.error("Error running Langflow:", e);
    throw e;
  }
}

###3

⃣ Updated my frontend to call

/api/runLangflow

/api/runLangflow

const response = await fetch("/api/runLangflow", {
  method: "POST",
  headers: {
    "Content-Type": "application/json",
  },
  body: JSON.stringify({ input: userMessage }),
});

const response = await fetch("/api/runLangflow", {
  method: "POST",
  headers: {
    "Content-Type": "application/json",
  },
  body: JSON.stringify({ input: userMessage }),
});

Issues

/api/runLangflow

/api/runLangflow

doesn't appear in

wasp info

wasp info

, meaning it’s not being registered.
- Running

curl

curl

/api/runLangflow

/api/runLangflow

also returns a 404 Not Found.

What Could Be Causing This?

- Is Wasp not recognizing the API definition?
- Do I need to expose the API differently in GitHub Codespaces?
- Does Wasp handle API routes differently in Codespaces?

Would really appreciate any help! Thanks in advance.

Wasp•13mo ago•

10 replies

Marcus

Wasp API Route Not Found (404) for Langflow Integration in GitHub Codespaces

Setup & What I'm Trying to Do

- Using Wasp (v0.16.0).
- Running the app inside a GitHub Codespace.
- Trying to create an API endpoint (

/api/runLangflow

/api/runLangflow

) that my frontend can call to interact with Langflow.

---

What I’ve Done So Far

Defined the API route in

main.wasp

main.wasp

api runLangflow {
  fn: import { runLangflow } from "@src/demo-ai-app/operations",
  entities: [User],
  httpRoute: (POST, "/api/runLangflow")
}

api runLangflow {
  fn: import { runLangflow } from "@src/demo-ai-app/operations",
  entities: [User],
  httpRoute: (POST, "/api/runLangflow")
}

Created the function in

operations.ts

operations.ts

import { LangflowClient } from "./langflow";

{API Keys}

const langflowClient = new LangflowClient(
{ENV}
);

export async function runLangflow({ input }: { input: string }) {
  try {
    const response = await langflowClient.runFlow(input);
    return response;
  } catch (e) {
    console.error("Error running Langflow:", e);
    throw e;
  }
}

import { LangflowClient } from "./langflow";

{API Keys}

const langflowClient = new LangflowClient(
{ENV}
);

export async function runLangflow({ input }: { input: string }) {
  try {
    const response = await langflowClient.runFlow(input);
    return response;
  } catch (e) {
    console.error("Error running Langflow:", e);
    throw e;
  }
}

###3

⃣ Updated my frontend to call

/api/runLangflow

/api/runLangflow

const response = await fetch("/api/runLangflow", {
  method: "POST",
  headers: {
    "Content-Type": "application/json",
  },
  body: JSON.stringify({ input: userMessage }),
});

const response = await fetch("/api/runLangflow", {
  method: "POST",
  headers: {
    "Content-Type": "application/json",
  },
  body: JSON.stringify({ input: userMessage }),
});

Issues

/api/runLangflow

/api/runLangflow

doesn't appear in

wasp info

wasp info

, meaning it’s not being registered.
- Running

curl

curl

/api/runLangflow

/api/runLangflow

also returns a 404 Not Found.

Wasp API Route Not Found (404) for Langflow Integration in GitHub Codespaces

Wasp API Route Not Found (404) for Langflow Integration in GitHub Codespaces

Setup & What I'm Trying to Do

What I’ve Done So Far

Defined the API route in
`main.wasp`
`main.wasp`
:

Created the function in
`operations.ts`
`operations.ts`
:

Issues

What Could Be Causing This?

Similar Threads

Wasp API Route Not Found (404) for Langflow Integration in GitHub Codespaces

Wasp API Route Not Found (404) for Langflow Integration in GitHub Codespaces

Setup & What I'm Trying to Do

What I’ve Done So Far

Defined the API route in
`main.wasp`
`main.wasp`
:

Created the function in
`operations.ts`
`operations.ts`
:

Issues

What Could Be Causing This?

Similar Threads

Similar Threads

Similar Threads

Wasp API Route Not Found (404) for Langflow Integration in GitHub Codespaces

Wasp API Route Not Found (404) for Langflow Integration in GitHub Codespaces

Setup & What I'm Trying to Do

What I’ve Done So Far

Defined the API route in main.waspmain.wasp:

Created the function in operations.tsoperations.ts:

Issues

What Could Be Causing This?

Similar Threads

Wasp API Route Not Found (404) for Langflow Integration in GitHub Codespaces

Wasp API Route Not Found (404) for Langflow Integration in GitHub Codespaces

Setup & What I'm Trying to Do

What I’ve Done So Far

Defined the API route in main.waspmain.wasp:

Created the function in operations.tsoperations.ts:

Issues

What Could Be Causing This?

Similar Threads

Similar Threads

Similar Threads

Defined the API route in
`main.wasp`
`main.wasp`
:

Created the function in
`operations.ts`
`operations.ts`
:

Defined the API route in
`main.wasp`
`main.wasp`
:

Created the function in
`operations.ts`
`operations.ts`
: