Chrome extension storage.sync.set in content script throws exception

Question

I have a weird issue that wasted too much time. I have content script that tries to read some data from the storage.sync API but it fails.

I've added the storage permission and I was able to work with the storage.sync API in the options.js file.

Can you spot what went wrong?

document.addEventListener('DOMContentLoaded', function () {   

     chrome.storage.sync.get([
            'var1',
            'var2',        
        ], function(items) {        
            alert("got it");
     });
}

This is the error message:

CONTENT_SCRIPT context for xxxxx) Lazy require of extension.binding did not set the binding field

(CONTENT_SCRIPT context for xxxxx) extensions::lastError:82: Uncaught TypeError: Cannot convert undefined or null to object{TypeError: Cannot convert undefined or null to object at Object.clear (extensions::lastError:82:23) at handleResponse (extensions::sendRequest:84:15) at restore at HTMLDocument.}

Answer 1

I had the same error and it was caused due to debugger stopping the flow of execution in the middle. Once I removed the debugger / breakpoints in my 'Content Script' and 'Background Script' and reloaded everything then I didn't see the error.

Answer 2

I was also getting this same error. I fixed it by disabling and re-enabling my Chrome browser extensions. Hope that helps.

Answer 3

I had the same problem when injecting code into a html page. Using new id's immediately after injecting them into the page html seems to crash the debugger but not the page itself. Everything works and the error message only pops once on injecting the code. It looks like it was coming from the cache. It just happened once on refreshing the page and never after clearing cache... Sorry not very useful, but this is what I had and could not reproduce anymore.