Uncaught TypeError: browser.storage is undefined - firefox 123.0-1

Add-ons
#1

manifest.json ->

"permissions": [
       "contextMenus",
	   "tabs", 
	   "unlimitedStorage",
  ]

Im running the js as a background script.

js file->

function gotKitten(item) {
  console.log(`${item.kitten.name} has ${item.kitten.eyeCount} eyes`);
}

function gotMonster(item) {
  console.log(`${item.monster.name} has ${item.monster.eyeCount} eyes`);
}

function onError(error) {
  console.log(error);
}

// define 2 objects
let monster = {
  name: "Kraken",
  tentacles: true,
  eyeCount: 10,
};

let kitten = {
  name: "Moggy",
  tentacles: false,
  eyeCount: 2,
};

// store the objects
browser.storage.local.set({ kitten, monster }).then(setItem, onError);

browser.storage.local.get("kitten").then(gotKitten, onError);
browser.storage.local.get("monster").then(gotMonster, onError);

Ask for more details

#2

To use this API you need to include the "storage" permission in your manifest.json file.

Source: https://developer.mozilla.org/en-US/docs/Mozilla/Add-ons/WebExtensions/API/storage

1 Like