Closed1

Cannot add item: item with id xxxxx already exists エラー

まさぴょんまさぴょん

Cannot add item: item with id xxxxx already exists エラー

  • vis-network を使った、Network作成の際に、上記エラーに遭遇。
  • 原因は、id の重複によるもの。

ChatGPTに質問、この問題に対処するには?

エラー メッセージ「アイテムを追加できません: id xxxxx のアイテムはすでに存在します」は、同じ ID のアイテムがすでに存在するため、システムまたはデータベースにアイテムを追加する際に問題があることを示しています。

  1. ID を確認する

    • 一意の ID を持つアイテムを追加しようとしていることを確認します。
    • ID「xxxxx」が実際に一意であるか、システム内の他の場所ですでに使用されているかどうかを確認してください。
  2. 重複の処理

    • 重複 ID を処理するロジックを実装します。
    • システムの要件に応じて、既存の項目を更新するか、新しい項目を拒否することができます。
  3. エラー処理

    • コードに適切なエラー処理を実装して、同じ ID の項目がすでに存在する場合の状況を適切に処理して、ユーザーに情報メッセージを提供したり、デバッグ用の詳細をログに記録したりできます。
  4. コードとデータを確認する

    • コードとデータを再確認して、意図しない重複や競合を引き起こす問題がないことを確認します。

このエラーは特定のコードの問題に関連しているようです。
問題に効果的に対処するには、コードの実装を見直す必要があるかもしれません。

解決方法

uuidを使用するなど、Network Node の idが重複しないように実装する必要がある。

https://codesandbox.io/p/sandbox/interesting-spence-onwor?file=%2Fsrc%2Findex.js

参考・引用

https://github.com/crubier/react-graph-vis/issues/83

vis-network について

https://zenn.dev/aiq_dev/articles/2a3061ce87c70f

https://zenn.dev/manase/scraps/9bec750d2be485

このスクラップは2024/01/16にクローズされました