feat: add the alter to show error message.

Author: guangzhengli

pages/api/chat.ts

@@ -51,19 +51,10 @@ const handler = async (req: NextApiRequest, res: NextApiResponse) => {
       memory,
     });
 
-    chain.call({ input }).catch(console.error);
+    await chain.call({ input });
   } catch (err) {
     console.error(err);
-    let error = "Unexpected message";
-    if (err instanceof Error) {
-      error = err.message;
-    }
-    return new Response(JSON.stringify({ error }), {
-      status: 500,
-      headers: {
-        "Content-Type": "application/json",
-      },
-    });
+    res.status(500).json({ errorMessage: (err as Error).toString() });
   }
 };
 

pages/api/query.ts

@@ -32,7 +32,7 @@ const handler = async (req: NextApiRequest, res: NextApiResponse) => {
         // res.status(200).json({ responseMessage: chainValues.text.toString() });
     } catch (e) {
         console.log("error in handler: ", e);
-        res.status(500).json({ responseMessage: (e as Error).toString() });
+        res.status(500).json({ errorMessage: (e as Error).toString() });
     }
 
 }

pages/index.tsx

@@ -147,6 +147,10 @@ const Home: React.FC<HomeProps> = ({serverSideApiKeyIsSet}) => {
                 setLoading(false);
                 setMessageIsStreaming(false);
                 setMessageError(true);
+
+                const message = await response.text();
+                console.log('chat failed: ', message);
+                alert(`error message: ' ${message}`);
                 return;
             }