Most browsers ship with built-in developer tools. These developer tools usually include a console. The console gives you information about the page that's currently running.
Messages logged in the console come from
either the web developers who built the page
or the browser itself.
All console messages have a severity level:
Error message means there's a problem on your page that you need to resolve.
How the Lighthouse browser error audit fails
Lighthouse flags all browser errors logged to the console:
How to fix browser errors
Fix each browser error that Lighthouse reports to ensure that your page runs as expected for all your users.
Chrome DevTools includes a couple tools to help you track down the cause of errors:
- Below the text of each error, the DevTools Console shows the call stack that caused the problematic code to execute.
- A link at the top-right of each error shows you the code that caused the error.
For example, this screenshot shows a page with two errors:
In the example, the first error comes from a web developer from a call to
The second error comes from the browser and
indicates that a variable used in one of the page's scripts does not exist.
Below the text of each error,
the DevTools Console indicates the call stack in which the error appears.
For example, for the first error the Console indicates
(anonymous) function called the
which called the
pen.js:9 link in the top-right of that error
shows you the relevant code.
Reviewing the relevant code for each error in this way can help you identify and resolve possible problems.
If you can't figure out the cause of an error, try entering the error text into a search engine. If you can't find solutions to your problem, try asking a question on Stack Overflow.
If you can't fix an error, consider wrapping it in
to explicitly indicate in the code that you're aware of the issue.
You can also use the
catch block to handle the error more gracefully.