Блог

Главная - Вопросы по программированию - Запрос Vue Apollo застрял в состоянии загрузки после обновления с помощью подписки

Запрос Vue Apollo застрял в состоянии загрузки после обновления с помощью подписки

#vue.js #graphql #apollo #vue-apollo #graphql-subscriptions

#vue.js #graphql #apollo #vue-apollo #graphql-подписки

Вопрос:

У меня есть подписка SubscribeToMore, и я хочу, чтобы она обновила мой запрос. Я вижу результат моей подписки, но запрос не обновляется после return инструкции, и приложение находится в состоянии загрузки. Вот мой запрос с подпиской:

 cartProducts: {
  query: GET_CART_PRODUCTS,
  loadingKey: "loading",
  subscribeToMore: {
    document: ON_TRANSACTION_CHANGED,
    updateQuery(previousResult: any, { subscriptionData }: any) {
      const oldTransactions = previousResult.cartProducts.items;
      const newTransaction = subscriptionData.data.onTransactionChanged;
      const concatItems = [...oldTransactions, newTransaction];
      console.log("concatItems:", concatItems);
      return {
        cartProducts: {
          items: concatItems,
          __typename: "PaginatedTransaction",
        },
        __typename: "PaginatedTransaction",
      };
    },
    variables() {
      return {
        profileId: this.profile.profileId,
      };
    },
    skip() {
      return !this.profile?.profileId;
    },
  },
},

concatItems переменная содержит правильные данные, но если я удаляю loadingKey и пытаюсь войти cartProducts в систему после выполнения вызова подписки, она не обновляется. Что я делаю не так? Заранее спасибо! Дайте мне знать, если вам понадобится дополнительная информация о моей настройке, чтобы понять суть дела.

Метки: