Graphql查询错误！ 变量已声明但从未使用过

Question

我正在尝试根据搜索关键字获取Shopify产品。

我通过在查询中传递硬编码值来测试此查询，它工作正常，但我需要传递变量值，因此在这种情况下，它会给出错误

Grapghql查询错误searchKeyword已声明但未使用。

这是我根据title ， tag和product_type搜索产品的查询。

失败的案例：

export const searchProductsQuery = gql` query($searchKeyword: String!){
    shop {
        products(first: 10, query:"title:'$searchKeyword' OR tag:'$searchKeyword' OR product_type:'$searchKeyword'") {
            edges {
                cursor
                node {
                    id
                    title
                    handle
                    description
                    productType
                    images(first: 5) {
                        edges {
                            node {
                                id
                                src
                            }
                        }
                    }
                    variants(first: 5) {
                        edges {
                            node {
                                id
                                title
                                price
                            }
                        }
                    }
                }
            }
        }
    }
}`;

成功案例：

export const searchProductsQuery = gql` query{
shop {
     products(first: 10, query:"title:'games' OR tag:'games' OR product_type:'games'") {
    ...
};

Answer 1

您为操作定义的变量就是变量。 它们不能像模板字面量占位符一样使用，这是您要尝试做的事情。

在GraphQL中，变量只能用作参数的输入。 例如， query是一个采用（非空）字符串的参数。 因此，我们可以创建一个类似于$mySearchQuery的变量，将其设置为"title:'games' OR tag:'games' OR product_type:'games'" $mySearchQuery "title:'games' OR tag:'games' OR product_type:'games'" $mySearchQuery "title:'games' OR tag:'games' OR product_type:'games'" ，然后像这样使用它：

products(query:$mySearchQuery)

如果您有一个JavaScript变量要用作$mySearchQuery一部分，则可以使用模板文字$mySearchQuery在JavaScript代码内为$mySearchQuery传递的值：

const options = {
  variables: {
    mySearchQuery: `title:'${keyword}' OR tag:'${keyword}' OR product_type:'${keyword}'`
  }
}

您会看到一个错误，指出您的变量已被声明并且从未使用过，因为它从未被使用过-查询中对变量的引用是字符串的一部分，因此将按字面意义进行解析。