Chrome擴展程序：端口錯誤：無法建立連接。接收結束不存在。

Question

當嘗試，我得到了下面的錯誤我的內容 - 與後臺腳本之間的通信：

Port error: Could not establish connection. Receiving end does not exist. 
Error in event handler for 'undefined': Cannot read property 'message' of undefined  
TypeError: Cannot read property 'message' of undefined 

background.js

function onRequest(request, sender, callbackFunction) { 
    console.log("Me (BS) became this Message:" + request.message); 
    sendResponse({message: request.message}) 
}; 
chrome.extension.onRequest.addListener(onRequest); 

streamcloud.js

function contactBackground(nachricht){ 
    chrome.extension.sendMessage({message: nachricht}, function(response) { 
     console.log("The Background Script got the following Message: " + response.message); 
    }); 
} 

和我的manifest.jso ñ

{ 
    "name": "InstantWatch - Dev", 
    "manifest_version": 2, 
    "version": "0.7", 
    "permissions": ["tabs", "http://*/", "https://*/"], 
    "background": { 
    "scripts": ["background.js"] 
    }, 
    "browser_action": { 
    "default_title": "InstantWatch", 
    "default_icon" : "icon.ico" 
    }, 
    "content_scripts": [ 
    { 
     "matches": ["http://*/*", "http://*/*"], 
     "js": ["jquery.js", "streamcloud.js"] 
    } 
    ] 
} 

我找到了解決方案添加BACKGROUND_PAGE：用空background.html「background.html」，但由於BACKGROUND_PAGE因爲manifest_version不支持：2，我不能使用。

Answer 1

sendMessage和onRequest是不兼容。

如果您需要支持的Chrome 19和早期，使用onRequest和sendRequest：

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

---

對於的Chrome 20 - 25，使用chrome.extension.onMessage和chrome.extension.sendMessage：

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

---

對於鉻26+，使用chrome.runtime.onMessage和chrome.runtime.sendMessage。

---

注意：從Chrome 26開始，儘管沒有文檔，但過時的方法仍然受支持。如果您有機會，請更新您的擴展程序以使用新方法，以確保您的擴展程序將來仍能正常工作。
請參閱this answer以獲取與Chrome 20+兼容的代碼。

Answer 2

而不是

chrome.extension.onRequest.addListener(onRequest); 

使用

chrome.extension.onMessage.addListener(onRequest); 

由於您使用的sendMessage而不是sendRequest將。

消息解析已在新版Chrome中更新。 sendRequest和onRequest已被棄用。建議使用sendMessage和onMessage。

請參閱message parsing between Content Script and Background的文檔。