Chrome Extentionでpopup からcontent_scriptにメッセージを送信したいが，エラーが出てうまく動かない

前提・実現したいこと

chrome extensionでpopup.html内のtextariaに打ち込んだ文字をcontent.jsによって，サイトに任意の文字を埋め込むような操作を行いたいのですがエラーが出てどこを直すべきかわからない状態です．
私自身は最近chrome extension　Javascriptを触り始めたこともあり，何を直せばいいのかも手探り状態ですどうかご助言お願いします．

発生している問題・エラーメッセージ

Unchecked runtime.lastError: Could not establish connection. Receiving end does not exist.

のようなエラーが出てなにを直せばいいのかわからない状態です．

該当のソースコード

######popup.html

<!DOCTYPE html>

<html lang="en">
<head>
    <meta charset="utf-8" />
    <title>Cmt</title>
    <link rel="stylesheet" href="popup.css" />
    <script src="../lib/jquery-3.5.1.min.js"></script>

</head>
<body>
    <textarea id="comment"></textarea>
    <button id="send">send</button>

    <script src="popup.js"></script>
</body>
</html>

######popup.js

var comment;

$("#send").on("click", function () {
    comment = {
        text: $("#comment").val(),
        lastUpdate: new Date()
    };
    chrome.tabs.query({ active: true, currentWindow: true }, function (tabs) {
        //commentの内容をcontentScriptに送る

        chrome.tabs.sendMessage(tabs[0].id, { cmt: comment.text }, function (item) {
            
        });
    });
});

######content.js

chrome.runtime.onMessage.addListener(function (request, sender, sendResponse) {
    const p = document.createElement("p");
    const text = document.createTextNode(request);
    document.body.appendChild(p).appendChild(text);
});

######manifest.json

{
  "manifest_version": 2,
  "name": "NiconicoCmt",
  "version": "1.0",
  "description": "Comment Sys ",
  "permissions": [ "tabs"],
  "browser_action": {
    "default_title": "Cmt",
    "default_popup": "popup/popup.html"
  },
  "content_scripts": [

    {
      "matches": [ "<all_urls>" ],
      "js": [ "content/content.js" ]
    }
  ]
}