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

Posted 2023-03-08

【中文标题】Graphql 查询错误！变量已声明但从未使用

【英文标题】：Graphql query error ! variable is declared but never used

【发布时间】：2018-03-11 07:40:39

【问题描述】：

我正在尝试根据搜索关键字获取 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'") 
    ...
;

【参考方案1】：

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

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

products(query:$mySearchQuery)

如果您想将一个 javascript 变量用作 $mySearchQuery 的一部分，您可以使用模板文字在您的 javascript 代码中设置为 $mySearchQuery 传入的值：

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

您看到一个错误，即您的变量已声明但从未使用过，因为它从未被使用过——在您的查询中对它的引用是字符串的一部分，因此会按字面意思进行解析。

【讨论】：

感谢 Daniel，您的回答解决了我的问题，查询正在运行。