参考错误：将 chrome 扩展迁移到 MV3 时，未在 bg.js 文件中定义文档

问：

我正在将我的 chrome 扩展代码从 Manifest V2 迁移到 V3。但是，我在 bg.js 文件的第 9 行中收到“参考错误：文档未定义”。有人知道为什么吗？它在 MV2 中工作正常

BG的.js

   //Listen for messages
chrome.runtime.onMessage.addListener((msg, sender, response) => {

  if(msg.name == "playTrack"){

    //...
    var trackName = msg.track;
    var audioEle = document.querySelector('.audio-element');
    audioEle.src = 'track-'+trackName+'.mp3';
    audioEle.play();

  }

  if(msg.name == "pauseTrack"){

    var audioEle = document.querySelector('.audio-element');
    audioEle.pause();
  }

});
    

manifest.json

    {
  "name": "Sizzo",
  "version": "0.01",
  "description": "Sizzo - Stay flawless with the perfect audio reminders",
    "action": {
        "default_title": "Sizzo",
        "default_popup": "popout.html"
    },
  "background":{
    "service_worker": "bg.js"
  },
  "icons": { "48": "icon48.jpg",
             "128": "icon128.jpg" },
  "manifest_version": 3
}

弹出式 .js

   document.querySelector('button.play').addEventListener('click', function(){
  var SelTrack = document.querySelector('select').value;

  chrome.runtime.sendMessage({name: "playTrack", track: SelTrack});

});


document.querySelector('button.pause').addEventListener('click', function(){

  chrome.runtime.sendMessage({name: "pauseTrack"});

});