Ask any question about JavaScript here... and get an instant response.

Why does my async function stack trace not show the original calling function in DevTools?

Asked on Dec 03, 2025

Answer

When dealing with async functions in JavaScript, stack traces may not always show the original calling function due to the asynchronous nature of the code execution. This happens because the call stack is cleared between asynchronous operations.

async function firstFunction() {
            await secondFunction();
        }

        async function secondFunction() {
            throw new Error("An error occurred");
        }

        firstFunction().catch(error => console.error(error));

Additional Comment:

The above code demonstrates how an error in "secondFunction" might not show "firstFunction" in the stack trace.
This is because "await" pauses "firstFunction", allowing the call stack to clear before "secondFunction" executes.
Modern browsers and Node.js have improved stack trace support for async functions, but limitations still exist.
Consider using tools or libraries that enhance error handling and stack trace visibility for asynchronous code.

✅ Answered with JavaScript best practices.

Ask any question about JavaScript here... and get an instant response.

Why does my async function stack trace not show the original calling function in DevTools?

Asked on Dec 03, 2025

Answer

The Q&A Network