Borsh 序列化在 React 应用程序中失败答案

【问题标题】：Borsh Serialization fails in React ApplicationBorsh 序列化在 React 应用程序中失败
【发布时间】：2021-12-09 17:15:17
【问题描述】：

此脚本无法反序列化我的对象。错误是TypeError: this.buf.readUInt32LE is not a function

TypeError: this.buf.readUInt32LE is not a function
    at BinaryReader.readU32 (index.js:165)
    at BinaryReader.propertyDescriptor.value (index.js:136)
    at BinaryReader.readString (index.js:194)
    at BinaryReader.propertyDescriptor.value (index.js:136)
    at deserializeField (index.js:341)
    at deserializeStruct (index.js:385)
    at Object.deserialize (index.js:403)
    at hello (App.js:52)
    at HTMLUnknownElement.callCallback (react-dom.development.js:3945)
    at Object.invokeGuardedCallbackDev (react-dom.development.js:3994)
    at invokeGuardedCallback (react-dom.development.js:4056)
    at invokeGuardedCallbackAndCatchFirstError (react-dom.development.js:4070)
    at executeDispatch (react-dom.development.js:8243)
    at processDispatchQueueItemsInOrder (react-dom.development.js:8275)
    at processDispatchQueue (react-dom.development.js:8288)
    at dispatchEventsForPlugins (react-dom.development.js:8299)
    at react-dom.development.js:8508
    at batchedEventUpdates$1 (react-dom.development.js:22396)
    at batchedEventUpdates (react-dom.development.js:3745)
    at dispatchEventForPluginEventSystem (react-dom.development.js:8507)
    at attemptToDispatchEvent (react-dom.development.js:6005)
    at dispatchEvent (react-dom.development.js:5924)
    at unstable_runWithPriority (scheduler.development.js:468)
    at runWithPriority$1 (react-dom.development.js:11276)
    at discreteUpdates$1 (react-dom.development.js:22413)
    at discreteUpdates (react-dom.development.js:3756)
    at dispatchDiscreteEvent (react-dom.development.js:5889)

这在 CodesandBox 上运行良好，但在本地计算机上失败。

const borsh = require("borsh");

class Assignable {
  constructor(properties) {
    Object.keys(properties).map((key) => {
      return (this[key] = properties[key]);
    });
  }
}

class Task extends Assignable { }

export default function App() {
  const example = {
    id: "12",
    assignee: "Sai",
    project_id: "ABX",
    name: "Hello",
    description: "Sample task Example",
    status: "NOT DONE"
  };

  const schema = new Map([
    [
      Task,
      {
        kind: "struct",
        fields: [
          ["id", "string"],
          ["name", "string"],
          ["description", "string"],
          ["assignee", "string"],
          ["project_id", "string"],
          ["status", "string"]
        ]
      }
    ]
  ]);
  function hello() {
    const task = new Task({
      id: example.id,
      name: example.name,
      description: example.description,
      assignee: example.assignee,
      project_id: example.project_id,
      status: example.status
    });
    console.log(task);
    const buf = borsh.serialize(schema, task);
    console.log(buf);
    try {
      const newValue = borsh.deserialize(schema, Task, buf);
      console.log(newValue);
    } catch (error) {
      console.log(error);
    }
  }
  return (
    <div className="APPLE">
      <button onClick={hello}>Create</button>
    </div>
  );
}

【问题讨论】：

您的机器上使用的是什么节点版本？ Codesandbox 中的默认节点版本是 10.20.1
我使用的是 v16.9.1
这个错误有多少行？
请尝试降级本地节点版本
好的，我试试

标签： javascript node.js deserialization blockchain solana

【解决方案1】：

我查看了代码沙箱页面中的依赖关系，它全局导入了buffer 包。我尝试在本地使用require('buffer/') 做同样的事情，但没有运气。但是，它可以将其用作const Buffer = require('buffer/').Buffer 并调用方法Buffer.from 以从序列化数据中获取缓冲区。

const Buffer = require('buffer/').Buffer
...
const buf = Buffer.from(borsh.serialize(schema, task));

【讨论】：