GraphQLError：语法错误：预期名称，找到$

Question

我正在创建对外部API的GraphQL查询。

像这样获取它：

fetchProduct( first? : number, offset?: number, id? : string, title? : string){
    fetch({
        query: gql`
        query {
            getProduct($query: {$id: string, $title: string}, $first : number, $offset: number) {
              Product(query: {id: ${id}, title: ${title}, first: ${first}, offset: ${offset}}){
                id
                title
                id
              }
            }
          }`
    })
    .then(res => {
        console.log(res);
        return res;
    })
    .catch(err => {
        // blabla
    });
}

我收到一条错误消息：

GraphQLError: Syntax Error: Expected Name, found $

另一端的参数定义为（查询，第一，偏移量）。

查询是具有可选搜索参数（例如ID，标题等）的对象。并且first和offset用于查询分页。

任何帮助将不胜感激！