Chrome扩展程序消息传递错误

Question

我正在尝试将消息从我的后台页面传递到内容脚本但是我收到此错误（来自控制台）：

端口错误：无法建立连接。接收端不存在。

以下是我的代码： //内容脚本：

var port = chrome.extension.connect({name:"connection"});
chrome.extension.onConnect.addListener(function(port) {
port.onMessage.addListener(function(msg) {
alert('I never get to see this message...');
 });
});

在background.js中，我首先创建一个包含内容脚本的选项卡，然后在制作选项卡后，我尝试连接到它的内容脚本

的 // background.js 的

chrome.tabs.create({url:"http://myextension.uphero.com/"},function(tab){
var port = chrome.tabs.connect(tab.id,{name:"connection"});
console.log('port is :' +port.name);
console.log(port.onMessage);
port.postMessage({msg:"whatever"});
  });   

现在我知道问题不在manifest.json或类似的东西中（内容脚本定义正常，它只是端口和连接有问题）。非常感谢任何帮助...