chomre.storage возвращает неопределенное значение в localhost, когда расширение создано с помощью create-реагировать-приложение

Question

Я пытаюсь использовать chrome.storage API. Тем не менее, когда я выполняю console.log из chrome.storage в консоли браузера, мое локальное и встроенное расширение возвращает undefined.

. Существует расширение, которое, я знаю, использует API chrome.storage и когда я делаю то же самое, он возвращает объект с правильной информацией (похоже, что хранилище - это единственное, что отличается от обоих расширений). Я реализовал chrome.storage.sync.set и chrome.storage.sync.get, но у меня возникают проблемы, связанные с неопределенностью chrome.storage.

Мой manifest.json файл выглядит ниже

{
  "name": "Name of application",
  "version": "1.0.0",
  "manifest_version": 2,
  "description": "A plain text description",
  "icons": {
    "32": "logo_32.png",
    "64": "logo_64.png",
    "128": "logo_128.png",
    "256": "logo_256.png"
  },
  "browser_action": {
    "default_icon": "logo_32.png"
  },
  "author": "Author name",
  "chrome_url_overrides": {
    "newtab": "index.html"
  },
  "permissions": [
    "storage",
    "http://localhost/*"
  ]
}

Когда я console.log просто chrome (console.log(chrome)) Я получаю возвращенный объект, который отличается от расширения сборки.

Я искал вокруг и не могу найти решение. Большинство ответов, которые я нашел, просто проверяют права доступа в файле манифеста.

Поскольку я создал расширение с помощью create-react-app, нужно ли изменить какую-либо другую конфигурацию, чтобы можно было использовать chrome.storage?

Обновление Итак вместо перезагрузки расширения из расширений я удалил расширение и затем добавил расширение обратно. Это позволяет мне получить доступ к chrome.storage при сборке. Тем не менее, для моего локального хоста я все еще получаю chrome.storage не определено. Есть ли способ это исправить?