GraphQLerror：语法错误：预期名称，发现的“ $”

Question

我是GraphQl的新手，在尝试运行React应用程序后，我会收到以下错误：

我会遇到错误：GraphQlerror：语法错误：预期名称，找到了“ $”。

这是我的GraphQl查询/突变。

这很好：

gqlMutation = {
        mutation: gql`
      mutation{
              createMaps(input: [{
                            client_id: "7b8c903a-3402"
                            text: "Some Text"
                   }])
              {
                  info{
                    nodesCreated
                    relationshipsCreated
                  }
                  Maps{
                    uid
                  }
              }
            }`
    }

 const res = await client.mutate(gqlMutation);

但是当我尝试通过变量时，它会引发错误

client_id="7b8c903a-3402";  
text= "Some Text";

 const preppedQuery =`
    mutation{ 
createMaps(input: [{
                            $client_id: String!,
                            $text: String!
                   }])
              {
                  info{
                    nodesCreated
                    relationshipsCreated
                  }
                  Maps{
                    uid
                  }
              }
            }`
    }
const gqlMutation = {     
      mutation: gql`${preppedQuery}`,
      variables: 
      {
        client_id,
        text
      }
    };
     const res = await client.mutate(gqlMutation);

Answer 1

这对我有用。我在错误的位置宣布变量。需要通过为突变命名，然后在里面声明它们来声明它们。
另外，需要在突变后删除额外的{'{'}。

client_id="7b8c903a-3402";  
text= "Some Text";

const preppedQuery = gql`
        mutation CreateMaps(
          $client_id: String!
          $text: String!
        ) {
          createMaps(
            input: [{ client_id: $client_id,  text: $text }]
          ) {
            info {
              nodesCreated
              relationshipsCreated
            }
            maps {
              uid
            }
          }
        }
      `;
      const gqlMutation = {
        mutation: gql`
          ${preppedQuery}
        `,
        variables: {
          client_id,
          text,
        },
      };
      const res = await client.mutate(gqlMutation);