Runtime Errors Medium

Fix console errors

Console errors are the browser telling you something failed while the page was running: a broken API call, a missing dependency, a third-party script that did not load correctly. They are easy to ignore because the page usually still renders something, but they very often correspond to a feature that is silently not working for real users.

Why it matters

Console errors often signal broken functionality (failed API calls, broken integrations) that users experience as things silently not working, even if the page still loads.

How to fix

  1. 1 Open devtools and reproduce the errors.
  2. 2 Trace each one to its source and fix the underlying bug or missing dependency.
  3. 3 Re-test after the fix to confirm the console is clean.

Common mistakes

  • Dismissing console errors as "just a warning from a third-party script" without confirming that script is not, in fact, load-bearing for a real feature.
  • Fixing the error locally but not confirming it is actually gone in production, where different environment configuration can reintroduce it.
  • Not adding regression coverage (tests or monitoring) after the fix, so the same error quietly comes back in a later change.

How to verify

  1. 1 Open devtools console, reload the page, and confirm it loads with zero errors (warnings can be triaged separately).
  2. 2 Exercise the page's key interactive flows (forms, navigation, checkout) while watching the console for errors that only appear on interaction.
  3. 3 Add a monitoring tool (e.g. Sentry) so new console errors are caught automatically going forward, not just at audit time.

Related checks

Ready to see where you stand?

Scan your site and get your Engineering Score with a prioritized roadmap in under a minute, no signup required.

Scan your site