我偶尔会在我的 Vue Web 应用中收到以下错误消息，但当它发生时，它会完全停止我的应用。

错误消息 1：

[Vue warn]: Error in nextTick: "NotFoundError: Failed to execute 'insertBefore' on 'Node': The node before which the new node is to be inserted is not a child of this node."

错误消息 2：

DOMException: Failed to execute 'insertBefore' on 'Node': The node before which the new node is to be inserted is not a child of this node.

错误消息 1 的堆栈跟踪：

错误消息 2 的堆栈跟踪：

根据堆栈跟踪，我已确定是仪表板组件中的 setListingFromCoords() 方法导致了该问题。问题也不在于 vuex“getListingsFromCoords”操作，因为“data”已正确通过 console.logged 记录了正确的信息。此外，data.results 也已正确填充。 根据堆栈跟踪，问题出在 this.listings = data.results 。

以下是我的 setListingFromCoords() 方法，该方法位于仪表板组件中：

setListingFromCoords() {
    return new Promise((resolve, reject) => {
        this.$store.dispatch(
            "getListingsFromCoords"
        ).then((data) => {
            console.log(data); // "data" is returned correctly here
            this.listings = data.results; // CODE BREAKS HERE
            this.previous = data.previous;
            this.hasPrevious = data.hasPrevious;
            this.next = data.next;
            this.hasNext = data.hasNext;
            resolve();
        }).catch((err) => {
            reject(err);
        });
    });
},

在我的仪表板组件的模板部分中，我有一个以下卡片组件，该组件根据上述 setListingFromCoords 方法返回的列表数量进行了 v-for 处理。这是唯一依赖 listings 的组件，这让我相信这部分以某种方式导致 Vue 抛出错误。

<card
    v-for="(listing, index) in listings"
    v-bind:index="index"
    v-bind:key="listing._id">
</card>

有人可以确认我的结论是否合理/正确吗？此外，我该如何修改代码以解决此问题，为什么会抛出此错误？