Как связаться с popup.js и скриптом контента с расширением chrome?

Question

Вот что я делаю сейчас:

Manifest.json

{
    "name": "my_extension",
    "version": "1.0",
    "description": "my_description",
    "manifest_version": 2,
    "browser_action": {
        "default_title": "my extension",
        "default_icon": "logo.png",
        "default_popup": "popup.html"
    },
    "content_scripts" : [{
        "matches": [
            "*://*/*",
            "file://*/*"
          ],
       "js" : ["contentscript.js"]
    }],
    "permissions": [
        "tabs"
      ]


}

Contentscript.js

chrome.runtime.onMessage.addListener(
    function(request, sender, sendResponse) {
      sendResponse({hello:'asdfsafsd'})
    });

Popup.js (который прикреплен кмой HTML всплывающего окна)

    $("#calculate").click(() => {

        chrome.tabs.getSelected(null, function(tab){
            console.log(tab.index);
            chrome.tabs.sendMessage(tab.index,{greeting: "hello"},(response)=>{
                console.log(response.hello)
            })
        });



    })

Когда я нажимаю кнопку #click_me, я получаю следующее:

Error in event handler for (unknown): TypeError: Cannot read property 'wat' of undefined
at chrome-extension://pmclodhoknpghfkblogphfmecjnopfjm/popup.js:6:50