TypeScript中如何创建JsonPatchDocument并添加操作？

我来帮你梳理下这个问题的解决思路，你遇到的核心问题是JsonPatchDocument在你的代码里是个接口而非可实例化的类，所以直接new会报错，声明变量后也找不到add方法——因为接口只定义了结构，没有具体实现逻辑。

下面分两种常见场景给你解决方案：

场景1：使用标准JSON Patch（RFC 6902）实现 #

JSON Patch本身的规范就是一个包含操作对象的数组，如果你不需要链式调用add这类方法，完全可以直接手动构建操作数组：

// 先确保你已经安装了对应的类型定义（如果需要）
// npm install @types/json-patch --save-dev

import { JsonPatchDocument } from 'json-patch';

// 直接创建符合JsonPatchDocument类型的数组
const patchDoc: JsonPatchDocument = [
  { op: "add", path: "/fields/System.Priority", value: "1" }
];

如果你习惯链式调用的写法，可以用json-patch-builder这个库，它提供了专门的构建类：

1. 先安装库：

npm install json-patch-builder --save

2. 然后使用链式API构建：

import { JsonPatchBuilder } from 'json-patch-builder';

const patchDoc = new JsonPatchBuilder()
  .add('/fields/System.Priority', '1')
  // 还可以链式调用其他操作，比如remove、replace
  // .replace('/fields/System.Title', 'New Title')
  .build(); // 最终得到符合规范的Patch数组

场景2：使用Microsoft相关库（如SignalR/ASP.NET Core客户端） #

如果你是在使用微软的前端库（比如@microsoft/signalr或ASP.NET Core的客户端SDK），这里的JsonPatchDocument通常是一个接口，代表标准的Patch操作数组。你有两个选择：

• 同样直接构建操作数组（和场景1的第一种方式一致）；
• 检查该库是否提供了实例化JsonPatchDocument的工厂方法，比如部分版本中会有JsonPatchDocument.create()这类静态方法来创建可操作的实例：

import { JsonPatchDocument } from '@microsoft/signalr';

const patchDoc = JsonPatchDocument.create();
patchDoc.add({ op: "add", path: "/fields/System.Priority", value: "1" });

额外注意事项 #

• 检查你的导入语句：确保没有误导入接口而非类，有些库会把接口和实现类放在不同的路径下；
• 确认类型定义包已安装：如果使用第三方库，记得安装对应的@types/xxx包，避免编译器报类型错误。

内容的提问来源于stack exchange，提问作者Anusha B