PDFJsAnnotations Uncaught (in promise) SyntaxError: Unexpected end of JSON input

Question

尝试使用 JSON.parse(localStorage.getItem("CanvaData"))

从本地存储加载保存的 json

  ready() {
    console.log("Plugin initialized successfully");

    var arr = JSON.parse(localStorage.getItem("CanvaData"));
    console.log(arr)
    // localStorage.clear();
    pdf.loadFromJSON(arr)
  },

但如您所见，它正在抛出 SyntaxError: Unexpected end of JSON input 。

如何解决这个问题？

Answer 1

所以在调查了几个小时之后，我发现了导致这个问题的原因。

我将 json 作为单个字符串保存到本地存储中

localStorage.setItem('CanvaData', JSON.stringify(pdf.serializePdf()));

现在我将其更改为将数据作为 json 保存到本地存储

localStorage.setItem('CanvaData', pdf.serializePdf());

之后，我将 json 的负载修改如下：

ready() {
    console.log("Plugin initialized successfully");

     var data123 = localStorage.getItem('CanvaData');
     pdf.loadFromJSON(JSON.parse(data123))
  },

已修复。