Angular中JSON输入的意外结束

我正在创建一个具有本地存储CRUD功能的应用程序。我试图通过方法

setItem（）

将一些数据保存到localStorage，但没有成功保存数据，而是出现以下错误：

Error: Unexpected end of JSON input

以下是我的Stackblitz URL：

要复制错误，请执行以下操作：

单击“添加新产品”链接

填写表格并按下“添加产品”按钮

观察控制台如何输出错误消息

error:JSON输入意外结束

---

我希望能够通过

setItem（）

方法将数据添加到localStorage中。

行

localStorage.setItem（“rubberboots”，rubberboots）不正确
rubberboots
是一个对象而不是字符串。你应该做：

localStorage.setItem("rubberboots", JSON.stringify(rubberboots));

顺便说一句，请在重试之前清除localStorage，localStorage中RubberBoot的当前值现在可能为null。当您调用JSON.parse（）函数时，它将抛出一个错误
请解释为什么会进行向下投票？我可以改进这个问题。谢谢，但是现在函数
addRubberboot（）
只向本地存储添加了一个空数组，因此最终结果是
[[]]
。你能告诉我是什么问题吗？啊，那是不同的问题。我可以帮你明天查看感谢你的提议，但我已经在另一个问题上得到了帮助：