Cannot query anything in the directory using GraphQL

[liaokaime]

Preliminary Checks

• This issue is not a duplicate. Before opening a new issue, please search existing issues: https://github.com/gatsbyjs/gatsby/issues
• This issue is not a question, feature request, RFC, or anything other than a bug report directly related to Gatsby. Please post those things in GitHub Discussions: https://github.com/gatsbyjs/gatsby/discussions

Description

My directory structure looks like this:

When I tried to query out its subdirectory using GraphQL, But there's nothing in the Children

Reproduction Link

https://github.com/gatsbyjs/gatsby

Steps to Reproduce

1. Query GraphQL

query MyQuery {
  directory {
    children {
      id
    }
  }
}

Expected Result

There's at least something in the children, maybe a directory name, maybe a file name .

Actual Result

The result is nothing. I've tried to show it files or directories, but still nothing

query MyQuery {
  directory {
    children {
      id
      ... on File {
        id
        name
      }
      ... on Directory {
        id
        name
      }
    }
  }
}

Environment

System:
    OS: Windows 10 10.0.19043
    CPU: (12) x64 AMD Ryzen 5 2600 Six-Core Processor            
  Binaries:
    Node: 14.15.1 - C:\Program Files\nodejs\node.EXE
    Yarn: 1.22.5 - C:\Program Files (x86)\Yarn\bin\yarn.CMD
    npm: 6.14.8 - C:\Program Files\nodejs\npm.CMD
  Browsers:
    Edge: Spartan (44.19041.1023.0), Chromium (92.0.902.67)
  npmPackages:
    gatsby: ^3.10.2 => 3.10.2 
    gatsby-plugin-gatsby-cloud: ^2.10.1 => 2.10.1 
    gatsby-plugin-image: ^1.10.1 => 1.10.1 
    gatsby-plugin-manifest: ^3.10.0 => 3.10.0 
    gatsby-plugin-offline: ^4.10.0 => 4.10.0 
    gatsby-plugin-react-helmet: ^4.10.0 => 4.10.0 
    gatsby-plugin-sharp: ^3.10.2 => 3.10.2 
    gatsby-source-filesystem: ^3.10.0 => 3.10.0 
    gatsby-transformer-sharp: ^3.10.0 => 3.10.0 
  npmGlobalPackages:
    gatsby-cli: 3.10.0

Config Flags

No response