Apollo客户端gql错误语法导入查询错误

Question

我希望所有我的graphQL查询都放在组件内部的一个文件中，然后在需要时导入查询，但是当我导入它时，出现错误消息：“语法错误：预期名称，找到{“ < / p>

queries.js

const WHOAMI = gql`
  query {
    whoami {
      id
      user_name
      first_name
      last_name
      session_id
      email1
      related_roles {
        name
      }
    }
  }
`;

export { WHOAMI };

UserPage.js

import { WHOAMI } from "./queries";