Невозможно использовать событие подключения в расширении Chrome

Question

У меня content.js, popup.html, popup.js.Я использую Vue в расширении Chrome, для этого я использовал Vue CDN.Все хорошо.В content.js, если я печатаю документ , он печатает документ текущей вкладки (например, google.com).Теперь у меня есть кнопка Chrome Extension, при нажатии на эту кнопку я хочу снова получить доступ к документу (google.com).Как я могу это сделать?

В popup.js

    onClickButton: function() {
          var port = chrome.extension.connect({
           name: "Sample Communication"
          });
          port.postMessage("Hi BackGround");
          port.onMessage.addListener(function(msg) {
              console.log("message recieved" + msg);
          });
    }

В content.js

chrome.runtime.onConnect.addListener(function(port) {
    console.log("Connected .....");
    port.onMessage.addListener(function(msg) {
      console.log("message recieved" + msg);
      port.postMessage("Hi Popup.js");
   });
})

Событие не является событием, которое вызывает ошибку?