错误：类型的期望值＆＃x27; string！＆＃x27;但是价值不确定

Question

我在Stelve Kit应用程序中使用了此代码。 我想将电子邮件发送到来自GraphQL的查询数据。 我尝试使用此代码，但有错误。

<script lang="js">
    import { gql, operationStore, query, setClient } from '@urql/svelte';
    import client from '../client';
    setClient(client);

    import { userSession } from '../store.js';

    let user;
    userSession.subscribe((val) => {
        user = val;
    });
    console.log("user = ");
    console.log(user.id);
    console.log(user.email);

    const postsQuery = gql`
        query GetAllPosts($size: Int!, $cursor: String, $email: String!) {
        GetPostByUsersEmail(_size: $size, _cursor: $cursor, email: $email) {
            data {
                email
                username
                posts {
                    data {
                    title
                    }
                }
            }
        }
        }
    `

    const allPosts = operationStore(
        postsQuery,
        { size: 100 },
        { requestPolicy: 'network-only' },
        { email: '[email protected]' }
    )
    query(allPosts);

    console.log(allPosts)

</script>

使用模式，

type User @auth(primary: "email") {
  username: String!
  email: String!
  posts: [Post!] @relation
}

type Post @protected(membership: "User", rule: ["read", "write", "create"]) {
  title: String!
  content: String!
  author: User!
}

type Query {
  listPosts: [Post]
  users(username: String!): [User]
  posts(title: String!): [Post] 
  GetPostByUsersEmail(email: String!): [User]
}

我认为一切都很好，但是 AllPosts的数据并没有附加 并获得了 console.log（AllPosts）的错误表格数据

GraphQLError: Variable '$email' expected value of type 'String!' but value is undefined.

有人可以帮忙吗？

Answer 1

您的代码中有几件事。

在您的错误涉及的情况下，您对operationStore的调用格式不佳。第一个参数应该是您的gql构型查询（它是），第二个参数期望包含 ash al your变量的对象，第三个参数期望一个选项对象（request> requestpolicy等）。然而，您尝试在两个单独的参数（第二和第四）中传递变量。因此，您呼叫操作store应该是：

const allPosts = operationStore(
    postsQuery,
    { size: 100, email: '[email protected]' },
    { requestPolicy: 'network-only' },
)

这将解决您的初始错误。但是...

此外，您的客户端查询与您的架构定义不符。 _size和_cursor变量不存在于您的模式中，并且您在请求中添加了不匹配的外部data键键用户和发布架构类型。您的查询应该是：

const postsQuery = gql`
    query GetAllPosts($email: String!) {
        GetPostByUsersEmail(email: $email) {
            email
            username
            posts {
                title
            }
        }
    }
`

因此，您的最终修订操作store应为：

const allPosts = operationStore(
    postsQuery,
    { email: '[email protected]' },
    { requestPolicy: 'network-only' },
)