自定义字段未在订阅apollo服务器中发布

时间:2017-08-19 08:14:39

标签: graph react-apollo apollo-server

我正在尝试发布新添加的帖子,但是自定义字段和引用其他类型的字段authorvoteCount未被发布,因此我在这些字段上未定义。< / p>

我的架构:

type Post {
    id: ID!
    title: String!
    content: String
    voteCount: Int!
    author: User!
    votes: [Vote!]!
    createdAt: Date!
    updatedAt: Date!
  }
type Subscription {
    Post(filter: PostSubscriptionFilter): PostSubscriptionPayload
  }
  input PostSubscriptionFilter {
    mutation_in: [_ModelMutationType!]
  }
  type PostSubscriptionPayload {
    mutation: _ModelMutationType!
    node: Post
  }
  enum _ModelMutationType {
    CREATED
    UPDATED
    DELETED
  }

解析器

Mutation: {
    addPost: async (
      root,
      { title, content },
      { ValidationError, models: { Post }, user },
    ) => {
      if (!user) {
        throw new ValidationError('unauthorized');
      }
      const post = new Post({
        title,
        content,
        author: user.id,
      });
      await post.save();
      pubsub.publish('Post', { Post: { mutation: 'CREATED', node: post } });
      return post;
    },
},
Subscription: {
    Post: {
      subscribe: () => pubsub.asyncIterator('Post'),
    },
  },
Post: {
    // eslint-disable-next-line no-underscore-dangle
    id: root => root.id || root._id,
    author: async ({ author }, data, { dataLoaders: { userLoader } }) => {
      const postAuthor = await userLoader.load(author);
      return postAuthor;
    },
    voteCount: async ({ _id }, data, { models: { Vote } }) => {
      const voteCount = await Vote.find({ post: _id }).count();
      return voteCount || 0;
    },
    votes: async ({ _id }, data, { models: { Vote } }) => {
      const postVotes = await Vote.find({ post: _id });
      return postVotes || [];
    },
  },

在React客户端订阅:

componentWillMount() {
    this.subscribeToNewPosts();
  }
subscribeToNewPosts() {
    this.props.allPostsQuery.subscribeToMore({
      document: gql`
        subscription {
          Post(filter: { mutation_in: [CREATED] }) {
            node {
              id
              title
              content
              updatedAt
              voteCount
            }
          }
        }
      `,
      updateQuery: (previous, { subscriptionData }) => {
        // const result = Object.assign({}, previous, {
        //   allPosts: [subscriptionData.data.Post.node, ...previous.allPosts],
        // });
        // return result;
        console.log(subscriptionData);
        return previous;
      },
    });
  }

字段voteCount未定义: enter image description here

使用查询或突变时,它会正常发布,我该怎么办?谢谢。

1 个答案:

答案 0 :(得分:1)

您看到的错误并不一定意味着voteCount为空 - 而是意味着您正在尝试解构未定义的值而不是对象。该路径告诉您在尝试解析voteCount时发生此错误。您可以在两个位置使用解析函数中的解构 - 一次使用根对象,另一次使用上下文。应该有一个与你一起使用的根对象,所以我想问题就是上下文。

当您为典型的GraphQL服务器设置上下文时,您可以通过利用中间件(如graphqlExpress)将其实际注入您正在进行的请求中。当您使用订阅时,所有内容都通过websockets完成,因此中间件永远不会被命中,因此您的上下文为空。

为了解决这个问题,我认为你需要在订阅中注入相同的上下文 - 你可以看到an example of how to do that here