Vis.js创建节点报错ID已存在，请求技术排查与解决方案

看起来你遇到的核心问题是重复的节点ID，而且代码里的多个分支都存在这个问题，咱们一步步拆解解决：

1. 最直接的问题：同一分支内添加重复ID的节点 #

在DEFAULT、SYNC_和默认分支里，你一次性向nodes数据集添加了两个ID完全相同的节点：

nodes.add([{ id: id, lid: lineage, label: state }, { id: id, lid: lineage, label: version, color: '#ff0000' }]);

Vis.js要求每个节点的ID必须唯一，哪怕是同一批次添加的节点也不能重复。你显然是想为state和version各创建一个独立节点，所以得给它们分配不同的唯一ID，比如用id + '_v'来区分版本节点：

// 修改DEFAULT分支的节点添加逻辑
nodes.add([
  { id: id, lid: lineage, label: state },
  { id: `${id}_v`, lid: lineage, label: version, color: '#ff0000' }
]);
// 对应的边也要更新版本节点的ID
edges.add([
  { from: id, to: String(parent) },
  { from: `${id}_v`, to: id, arrows: { to: { enabled: true }, from: { enabled: false } } }
]);

2. 变量作用域隐患：全局变量导致的ID意外覆盖 #

你的循环变量i和id都没有用let/const声明，会变成全局变量。在循环迭代中，全局变量可能被意外覆盖，导致ID值混乱。把它们改成块级作用域变量：

for (let i = 1; i < tree.length; i++) {
  const id = String(i); // 用const声明，避免意外修改
  const state = tree[i][0];
  const parent = tree[i][1];
  const version = tree[i][2];
  const lineage = tree[i][3];
  // ... 后续逻辑
}

3. 父节点ID类型不匹配的隐性问题 #

你在创建边时用了to: parent，但parent是从CSV里读取的原始值（可能是数字类型），而你的节点ID是字符串类型的String(i)。类型不匹配会导致边找不到父节点，也可能引发奇怪的关联错误。统一把父节点ID转换成字符串：

const parentId = String(parent);
// 后续创建边时用parentId代替parent
edges.add([{ from: id, to: parentId }, /* ... */]);

4. 调试技巧：精准定位问题节点 #

在报错的分支前添加日志，打印当前操作的所有数据和已存在的节点ID，帮你确认是不是有隐藏的重复：

else if (version.slice(-7).toUpperCase() == 'DEFAULT') {
  // 打印当前要添加的ID和已存在的节点ID
  console.log('当前要添加的ID:', id);
  console.log('已存在的节点ID:', nodes.get().map(n => n.id));
  
  try {
    // 这里放修改后的节点/边添加代码
  } catch (err) {
    console.error('添加失败的详细数据:', {id, state, parent, version});
    console.error(err);
  }
}

通过这几步修改，应该能解决你遇到的ID重复问题，同时避免一些隐性的逻辑错误。

内容的提问来源于stack exchange，提问作者Kevin Ruder