how to output the log in server action

[sytpb]

Summary

how output the log in server action

async function action() {
        console.log("submit....")


        alert("yyyyy")
    }

    return (
        <>
                <form action={action} className="container mx-auto w-6/12">
<button type='submit' className="btn bg-primary btn-wide text-white hover:bg-primary mx-auto flex m-2">下一步</button>
.....

console.log not work this time .

Additional information

No response

Example

No response

[icyJoseph]

It logs on the server. Server Actions are invoked from the client, but run server side.

[icyJoseph]

In the terminal where you run that command

[sytpb]

[icyJoseph]

Did you remove the alert call too? I think that might cause errors.

Also your function is missing the 'use server' directive:

     async function action() {
        "use server"
        console.log("submit....")
    }

And also, activate server actions on your next.config.js

[sytpb]

OK ,you are right , I have understood , I should put the console.log in action file , not in client component .

really appriciate for you .

[icyJoseph]

But if, what you send into the form is the action function, then that also needs to be marked with use server, AFAIK anyway.

[sytpb]

no need 'use server ' in client component .