Chrome Extension: Port error: Could not establish connection. Receiving end does not exist.

by

sendMessage and onRequest are not compatible.

If you need to support Chrome 19 and earlier, use onRequest and sendRequest:

chrome.extension.onRequest.addListener(function(request, sender, sendResponse) {
    // Warning: Chrome 19- [receiver]
});
chrome.extension.sendRequest(message, optional_sendResponse);

For Chrome 20 – 25, use chrome.extension.onMessage and chrome.extension.sendMessage:

chrome.extension.onMessage.addListener(function(request, sender, sendResponse) {
    // Chrome 20+
});
chrome.extension.sendMessage(message, optional_sendResponse);

For Chrome 26+, use chrome.runtime.onMessage and chrome.runtime.sendMessage.

Note: As of Chrome 26, the deprecated methods are still supported, albeit undocumented. If you get a chance, update your extension to use the new methods, to ensure that your extension will still work in the future.
See this answer for code to create a which is compatible with Chrome 20+.

More Related Contents:

  1. How can I get the current Crome URL?
  2. Chrome extension that enables chatting with users on same page [closed]
  3. Persistent Service Worker in Chrome Extension
  4. How to import ES6 modules in content script for Chrome Extension
  5. How to use jQuery in chrome extension?
  6. Chrome extension: How to save a file on disk
  7. Contexts and methods for communication between the browser action, background scripts, and content scripts of chrome extensions?
  8. Executing code at page-level from Background.js and returning the value
  9. Chrome Extension: Make it run every page load
  10. Chrome Extension: Get Page Variables in Content Script
  11. Checkbox Check Event Listener
  12. saving and retrieving from chrome.storage.sync
  13. How do I send an HTTP GET request from a Chrome extension?
  14. Completely lost on how to save extension popup window content
  15. Is there a way to uniquely identify an iframe that the content script runs in for my Chrome extension?
  16. How to make side panel in chrome extension?
  17. Does extension messaging like chrome.runtime.sendMessage internally use JSON.stringify?
  18. google chrome extension :: console.log() from background page?
  19. Can I prevent an alert() with a Google Chrome Extension
  20. How can I save information locally in my chrome extension?
  21. How to get the currently opened tab’s URL in my page action popup?
  22. How to get errors stack trace in Chrome extension content script?
  23. How do I send an HTTP request from a Chrome extension?
  24. Sending message to background script
  25. Pass a variable from content script to popup
  26. Prevent window.open from focusing
  27. Associate a custom user agent to a specific Google Chrome page/tab
  28. How to fix chrome-extension inline JavaScript invocation error?
  29. Cross-domain XMLHttpRequest using background pages
  30. Chrome Extension get selected text

Leave a Comment