异步/等待不等待 javascript 中的返回值

Question

I am currently trying out Next.js and Prisma, but had difficulties on getting values from a database. The values are set to undefined despite having await in it.

My index.js:

import * as Database from "../../../Database";

export async function getServerSideProps() {
    const username = await Database.getUsername('633d5c12e0bf4ed28b2c3428') //Undefined
    return {        
        props: {
            username: username
        }
    };
}

My Database.js

const { PrismaClient } = require('@prisma/client')
const prisma = new PrismaClient();

export async function getUsername(userid) {
    const query = await prisma.user.findMany({
        where: {
            id: userid
        },
        select: {
            username: true,
        }
    })
    return query[0].username; //Debugging confirms query[0].username has the correct value
}

I put breakpoint on both when I assign const username = await... and return query[0].username; and it was seen that it first stop at const username = await... and then stopping at return query[0].username . I can confirm Database.getUsername(userid) is working as indended and returns the correct value but getServerSideProps() is not waiting for Database.getUsername(userid) before assigning username to undefined

Answer 1

You're not returning from the getStaticProps() so NextJS has no idea what props there are