我有一个constants.js文件，其中包含如下导出语句：const domains = ['target.com', 'amazon.com', '88rising.com'];
当我从另一个文件导入时，如下所示：

const domains = ['target.com', 'amazon.com', '88rising.com'];

document.addEventListener('DOMContentLoaded', () => {
    chrome.tabs.query({active: true, currentWindow: true}, tabs => {
      
      const currentUrl = tabs[0].url;
      const truncatedUrlElement = document.getElementById('truncated-url');
      const siteIndexElement = document.getElementById('index-number');

      truncatedUrl = new URL(currentUrl).hostname.replace(/^www\./, '');
      truncatedUrlElement.textContent = truncatedUrl;
      console.log(truncatedUrl)
      
      siteIndex = domains.indexOf(truncatedUrl) + 1;
      siteIndexElement.textContent = siteIndex.toString();
    });
  });

domains实际上可以正确地记录到控制台，但不能正确地从document.addEventListener块中记录。我很坚韧理解为什么会出现这种情况，以及如何在整个Chrome扩展项目中正确地引用和导入constants.js文件中的常量。
尝试从另一个文件constants.js导入变量，并希望正确处理引用。
奇怪的是，它在文件的开头工作，而在中间却不工作。