问题描述：ApolloClient：无法将GraphQL查询作为JS变量传递？“不变违规：期望一个解析的GraphQL文档。”

解决方法：

1. 确保你的GraphQL查询是一个字符串。如果你的查询是一个JavaScript对象，需要将其转换为字符串。

const query = `
  your GraphQL query here
`;

2. 确保你使用了正确的GraphQL标记（如gql）将查询字符串包装起来。这样可以告诉ApolloClient这是一个GraphQL查询。

import { gql } from '@apollo/client';

const query = gql`
  your GraphQL query here
`;

3. 确保你将查询正确地传递给ApolloClient的查询方法（如query、mutate等）。

import { gql, ApolloClient, InMemoryCache } from '@apollo/client';

const client = new ApolloClient({
  uri: 'your GraphQL API endpoint',
  cache: new InMemoryCache(),
});

const GET_DATA = gql`
  your GraphQL query here
`;

client.query({
  query: GET_DATA,
})
  .then(response => {
    // 处理响应
  })
  .catch(error => {
    // 处理错误
  });

请注意，在以上代码示例中，你需要将your GraphQL query here替换为你自己的GraphQL查询。确保查询的语法正确，并且与你的GraphQL API兼容。

希望这些解决方案能帮助到你解决这个问题！