How to fix 'Unchecked runtime.lastError: Could not establish connection. Receiving end does not exist.'

Question

I have the following error in the Chrome Dev Tools console on every page-load of my Node/Express/React application:

Unchecked runtime.lastError: Could not es

Answer 1

Unchecked runtime.lastError: Could not establish connection. Receiving end does not exist.

I "achieved" this error after

1. installing the Debugger for Chrome extension in Visual Studio Code,
2. debugging my code, and
3. closing and reopening the non-debugging Chrome window. (I had left Chrome running my app while debugging.)

Solutions:

• Stop using the extension.
• Refresh the non-debugging Chrome window.
• Use a different debugger.

Of course, the console error reappears when I redo steps 2 and 3 above with the Debugger for Chrome. This encourages me to use other debuggers instead. Then I don't mistakenly think my own code produced the console errors!