debugging 未捕获的类型错误无法读取null的属性(阅读“push”)

kcwpcxri  于 2022-11-14  发布在  其他
关注(0)|答案(1)|浏览(167)

我有一个问题,我正在工作的联系人应用程序,我使用本地存储B4我最近改变了PC和转移我的vscode文件夹到新的PC,但我得到uncaught错误类型无法读取空的属性(阅读'推'),当我试图在新的PC上运行代码。失去了所有以前保存的联系人。请我该怎么办。

s4chpxco

s4chpxco1#

你的本地存储只存在于浏览器和机器中,所以如果你在旧电脑上运行chrome,那么数据只存在于那里。
可能您在以前的机器中存储了一个联系人数组,因此现在您在新机器中运行该代码,您将收到一个null
我建议您首先检查您的数据是否存在于本地存储中,如果不存在,则初始化一个新的阵列并存储它。

// examples
const getContactsFromLocalStorage = () => {
  const contacts = localStorage.getItem("contacts");
  if (!contacts) {
    localStorage.setItem("contacts", JSON.stringify([]));
    return [];
  }

  return JSON.parse(contacts);
};

const saveNewContactToLocalStorage = (contact) => {
  const contacts = localStorage.getItem("contacts");

  const parsedContacts = contacts ? JSON.parse(contacts) : [];

  parsedContacts.push(contact);

  localStorage.setItem("contacts", parsedContacts);
};

相关问题