后台脚本的响应在获取后返回未定义 - Chrome 扩展

Question

我有一个向后台脚本发送消息的内容脚本：

chrome.runtime.sendMessage({site: "stackoverflow", options: { 
    url: url
  }}, function(res) {
    console.log(res);
  });

我的后台脚本有监听器：

chrome.runtime.onMessage.addListener(
  function(request, sender, sendResponse) {
    if (request.site == "stackoverflow") {

      fetch(request.options.url)
      .then( (res) => {
        return res.text()
      })
      .then( (document_text) => {
        sendResponse({"one": "1"})
      })
    }
    //sendResponse({"one": "1"})
});

现在，在获取过程中，当我尝试发回响应时，我会进入undefined内容脚本。如果我在获取之外使用它：

chrome.runtime.onMessage.addListener(
  //...
      .then( (document_text) => {
        //sendResponse({"one": "1"})
      })
    }
    sendResponse({"one": "1"})
});

我的内容脚本日志{"one": "1"}。

为什么我会遇到这个问题？