Как вызвать API, скажем, X (который состоит из URL-адресов) внутри API веб-запроса Google Chrome, чтобы заблокировать этот набор URL, извлеченный из X?

Question

Я хочу вызвать API или, скажем, пока JSON-файл, находящийся в той же папке, что и background.js. Вот мой файл background.js

const x='*://xyz.com/';
const filter = {
 urls: [
   x,
 ],
};

const opt = ['blocking'];


window.chrome.webRequest.onBeforeRequest.addListener(
function(details){

/fetching data from blacklist_urls.json*/

fetch('blacklist_urls.json')
      .then(
        function(response) {
          if (response.status !== 200) {
            console.log('Looks like there was a problem. Status Code: ' +
              response.status);
            return;
          }

          // Examine the text in the response
          response.json().then(function(data) {
            console.log(data);
            console.log(x);
          });
        }
      )
      .catch(function(err) {
        console.log('Fetch Error :-S', err);
      });


/end of fetching data from blacklist_urls.json*/

console.log('page blocked - ' + details.url);

return {
  cancel: true,
  };
},
filter,
opt
);

Здесь URL-адрес xyz.com блокируется правильно. Но файл blacklisturls.json не извлекается.