为什么我的executeScript 不工作？ Chrome 扩展开发：

Question

我正在开发一个 chrome 扩展程序，它从用户那里获取一个名称和第二个名称，并用用户所在选项卡上的第二个名称替换所有名称实例。逻辑确实很简单，但是，从用户那里获取输入并在页面上使用它却极具挑战性。

这就是我所拥有的：

Manifest.json:

{
  "manifest_version": 3,
  "name": "Background Changer",
  "version": "1.0.0",
  "description": "Does stuff with the background.",
  "action": {
    "default_title": "lol",
    "default_popup": "index.html"
  },
  "permissions": ["scripting", "tabs", "activeTab"],
  "host_permissions": ["<all_urls>"]
}

index.html

 <h2>Dead Name</h2>
  <input type="text" id="deadName">

  <h2>Real name</h2>
  <input type="text" id="realName">

  <input type="submit" id="submitButton">
    <script src="popup.js"></script>

popup.js

let realName = document.getElementById("realName")
let deadName = document.getElementById("deadName")

document.getElementById("submitButton").addEventListener('submit', injectJS);

const tabId = getTabId();
function injectJS(){
    chrome.scripting.executeScript(
        {
          target: {tabId: tabId, allFrames: true},
          files: ['content.js'],
        },
        () => {});
}

content.js

alert("LOL")

简而言之，此代码旨在测试从扩展弹出窗口向用户所在的选项卡注入 Javascript。尽管我附加了事件侦听器并单击它，但警报并未出现。