Блог

я пытаюсь программно вызвать запрос, например:

 apollo: {
listItems: {
  query() { 
      if (this.listType == "bills") {
      return gql`
        {
          bills {
            billId
            order {
              orderId
              customer {
                customerId
                billingAddress {
                  title
                }
              }
            }
            createdAt
          }
        }
      `;
    }
  },
property
  update: data => data.bills || data.bills
}
  

}

но когда я пытаюсь это сделать, я получаю эту ошибку:

vue.runtime.esm.js?2b0e: инвариантное нарушение 1888 года: ожидание проанализированного документа GraphQL. Возможно, вам нужно обернуть строку запроса в тег «gql»?

Я следую описанию в документах:

https://apollo.vuejs.org/guide/apollo/queries.html#reactive-query-definition

С наилучшими пожеланиями и благодарностями за помощь!

Будьте здоровы

Вы не можете обернуть запрос apollo в if инструкцию. Вместо этого вы можете использовать пропустить. В вашем примере это было бы так:

 listItems: {
 query() { 
  return gql`
    {
      bills {
        billId
        order {
          orderId
          customer {
            customerId
            billingAddress {
              title
            }
          }
        }
        createdAt
      }
    }`
 },
 skip() {
  return this.listType != "bills"
}
  

}