Stack Traces & Symbolication

​

Anatomy of a Stack Frame

• File Path: Original relative file path (e.g., src/billing/subscription.ts)
• Function Name: The calling function or closure
• Line & Column: Exact line and column index in source
• Context Lines: 5 lines of source code preceding and following the failure
• In-App Marker: Differentiates your application code from third-party vendor dependencies (node_modules)

​

Minified vs. Symbolicated Stacks

// src/controllers/checkout.ts:48:12
export async function chargeCustomer(user: User, amount: number) {
  if (!user.stripeCustomerId) {
    throw new PaymentError("Customer has no payment method configured");
  }
  return await stripe.charges.create({ ... });
}

Error: Customer has no payment method configured
    at t.chargeCustomer (https://cdn.example.com/assets/app.min.js:1:84712)
    at async e.processCart (https://cdn.example.com/assets/app.min.js:1:91438)

​

Setting Up Automatic Symbolication

# Uploading via Traceback CLI
traceback sourcemaps upload --release "web@2.4.0" ./build