具有typeerror变量的vue-apollo查询

Question

我正在尝试在Typescript项目中使用vue-apollo，并在查询中添加变量后立即收到typeError。

VueComponent.vue

  @Component({
    apollo: {
      $client: 'apolloPrivateClient',
      articles: {
        query: ARTICLES_QUERY,
        variables: {
          first: 5
        }
      }
    }
  })
  export default class NewsEditor extends Vue {}

查询：

export const ARTICLES_QUERY = {
  query: gql`
    query Articles($first: Int = 3) {
      articles(first: $first, orderBy: START_DATE_DESC) {
        edges {
          node {
            id
            author
            content
            endDate
            headerImage
            location
            slug
            startDate
            teaser
            title
          }
          cursor
        }
      }
    }
  `,
  update: (data: Articles) =>
    data?.articles?.edges.map((obj: Articles_articles_edges) => {
      return { ...obj.node, cursor: obj.cursor }
    })
}

TypeError

感谢您的帮助！

欢呼