GraphQL Code Generatorを使ってTSの型定義を自動生成したい

Question

お読みいただきありがとうございます。

まず、目指したいゴールを提示します。
「GraphQL Code Generatorを使ってTSの型定義を自動生成する」

const hoge = gql`
  query getHoge($id: Int!) {
    getHoge(id: $id) {
      id
      name
    }
  }

のような形を生成したい。

現状は以下の通りです。
・現時点で、各種設定は終わっており、'npm run codegen'を実行すると実行はできるが、クエリの部分が含まれておらず、未完成の状態である
実行すると、graphql.tsと、GraphQL.schema.jsonが生成されるが、クエリが含まれていない。
（細かくは掲載することができません、すいません。）

https://qiita.com/ryo2132/items/601ec3c085fcd99658e5
こちらの記事を参考にしています。

実行しているcodegen.tsは以下の通りです。

import type { CodegenConfig } from '@graphql-codegen/cli';

const config: CodegenConfig = {
  overwrite: true,
  schema: "./graphql/*.graphql",
 
  generates: {
    "src/generated/*graphql.ts": {
      plugins: ["typescript"]
    },
    "./graphql.schema.json": {
      plugins: ["introspection"]
    }
  }
};

export default config;

そこで、先ほどの記事を参考にし、
以下のように編集しました。

import type { CodegenConfig } from '@graphql-codegen/cli';

const config: CodegenConfig = {
  overwrite: true,
  schema: "./graphql/*.graphql",
 documents: "./graphql/*.graphql",
  generates: {
    "src/generated/*graphql.ts": {
      plugins: ["typescript","typescript-operations","typescript-graphql-request"]
    },
    "./graphql.schema.json": {
      plugins: ["introspection"]
    }
  }
};

export default config;

documentsを追加し、プラグインも追加しました。
しかし、こちらはうまく実行できず、documentsも正しくパスを通しているつもりなのですが、

Unable to find any GraphQL type definitions for the following pointers:
      - ./graphql/*.graphql

とエラーが出てしまい、うまく実行できません。

初歩的、場違いな質問であれば申し訳ございません。
助言がいただけると助かります。

以上、よろしくお願いいたします。

Answer 1

読み込ませるのはtsファイルですから、拡張子指定が間違っています。

-  schema: "./graphql/*.graphql",
+  schema: "./graphql/*.ts",

また、視認性の高さからYAML形式で記述することをおすすめします。