Javascript chrome.storage.sync调用结果为：TypeError:无法读取属性'；同步'；未定义的

我有一个文本区域编码，用于在blur上运行save_notes函数。当save_notes调用时，我在控制台中得到：

TypeError: Cannot read property 'sync' of undefined
    at HTMLTextAreaElement.save_notes

Javascript代码：

var note_area = document.getElementById('notetext')

//// todo Create a function to save the textarea to local storage
// todo First check & load any previously saved notes

;(function load_notes() {
  if (note_area === "") {
    chrome.storage.sync.get("stored_obj", function(resultObj) {
      note_area.value = resultObj.stored_obj
    })
  }
})()

function save_notes () {
  chrome.storage.sync.set({
    stored_obj: note_area.value
  }, function () {
    // console.log("Saved into Chrome Storage")
  })
}

note_area.addEventListener('blur', save_notes)

根据海报，需要将存储权限添加到manifest.json

我的manifest.json已经包含了这一行。我想知道我是否遗漏了一些其他必要的许可，或者代码本身是否存在不相关的问题

manifest.json

  {
  "manifest_version": 2,

  "name": "Mindless Blocker",
  "description": "Block mindless distractions and have a place to take notes for followup during free time",
  "version": "0.1",
  "browser_action": {
    "default_icon": "cloud-icon.png",
    "default_popup": "index.html"
  },
  "permissions": [
    "storage"
  ]
}

---

更改manifest.json文件时，必须重新加载扩展名列表

---

转到并按CTRL+R。更改manifest.json文件时，必须重新加载扩展名列表

转到并按CTRL+R