Блог

У меня есть определенный компонент, в котором, если пользователь нажимает кнопку, он выполняет то, что должно выполняться, даже если всплывающее окно закрыто, причина, по которой я хотел подойти к этой проблеме с помощью фонового сценария, однако я не могу отправить сообщение этому сценарию, потому что я продолжаю получать эту ошибку Could not establish connection. Receiving end does not exist .

приложение.компонент.ts

   activate(): void {
    chrome.tabs.query({active: true, currentWindow: true}, function(tabs) {
      chrome.tabs.sendMessage(tabs[0].id, {msg: 'active'}, function(response) {
        console.log(response.msg);
      });
    });
  }
 

предыстория.ts

 chrome.runtime.onMessage.addListener(
  function(request, sender, sendResponse){
    console.log(request.msg);
    // do something and when it's done send a response
    sendResponse({msg: 'inactive'});
  }
);
 

манифест.json

 {
  "manifest_version": 2,
  "name": "foo",
  "permissions": [
    "background",
    "activeTab",
    "storage",
    "webNavigation",
  ],
  "background": {
    "scripts": [
      "background.js",
      "runtime.js"
    ],
    "persistent": false
  },
  "browser_action": {
    "default_icon": "icon.png",
    "default_popup": "index.html"
  }
}

 

Примечание: Я также попытался отправить сообщение таким образом в компоненте

 chrome.runtime.sendMessage({
    msg: 'active'
}, function(response){
    // do something
});
 

Я также попытался вернуть значение true в функции прослушивателя

Но я получаю ту же ошибку.

Как я мог это исправить?