[pnpm monorepo(w/ turborepo)] Unable to find any GraphQL type definitions for the following pointers:

[nagisa-yamato]

Hi,

I am trying to set up graphql-eslint in a pnpm monorepo using turborepo.

• Each workspace under /apps uses separate GraphQL endpoints
• graphql-codegen is installed in the root of monorepo (as recommended in docs)

However, I get the error below when I try to run eslint (CLI and VSCode extension).

~/projects/yqninzlnb.github
❯ pnpm eslint .
Pages directory cannot be found at /home/projects/yqninzlnb.github/pages or /home/projects/yqninzlnb.github/src/pages. If using a custom path, please configure with the `no-html-link-for-pages` rule in your eslint config file.

/home/projects/yqninzlnb.github/apps/docs/app/page.tsx
  0:0  error  Parsing error: [graphql-eslint] 
      Unable to find any GraphQL type definitions for the following pointers:
        
          - ./app/**/*.graphql

/home/projects/yqninzlnb.github/apps/web/app/page.tsx
  0:0  error  Parsing error: [graphql-eslint] 
      Unable to find any GraphQL type definitions for the following pointers:
        
          - ./app/**/*.graphql

/home/projects/yqninzlnb.github/codegen.ts
  19:8  error  Prefer named exports  import/no-default-export

✖ 3 problems (3 errors, 0 warnings)


~/projects/yqninzlnb.github 5s
❯ 

Is there a solution to fix this error?

• reproduction repository
• above running on StackBlitz

[nagisa-yamato]

When I tried switching to graphql.config.ts, I got graphql-eslint to work but graphql-codegen failed with the error [ProjectNotFoundError: Project 'default' not found].

Is using graphql.config.ts the proper way to fix this issue?
Is there a problem with graphql-codegen or graphql-config?

~/projects/vbwiloljr.github 5s
❯ pnpm lint --filter web

> turborepo-graphql-eslint@ lint /home/projects/vbwiloljr.github
> turbo run lint "--filter" "web"

Issues occurred when constructing package graph. Turbo will function, but some features may not be available Error: Unable to generate pnpm-lock.yaml with lockfileVersion: 6.0. Supported lockfile versions are 5.3,5.4
• Packages in scope: web
• Running lint in 1 packages
• Remote caching disabled
web:lint:  
web:lint:  > web@1.0.0 lint /home/projects/vbwiloljr.github/apps/web
web:lint:  > eslint . --ignore-path .gitignore
web:lint:  
web:lint:  
web:lint:  /home/projects/vbwiloljr.github/apps/web/app/page.tsx
web:lint:    11:11  error  Cannot query field "foo" on type "Film"  @graphql-eslint/fields-on-correct-type
web:lint:  
web:lint:  ✖ 1 problem (1 error, 0 warnings)
web:lint:  
web:lint:   ELIFECYCLE  Command failed with exit code 1.
 ERROR  run failed: running web#lint failed: command finished with error

 Tasks:    0 successful, 1 total
Cached:    0 cached, 1 total
  Time:    4.1s

 ELIFECYCLE  Command failed with exit code 1.

~/projects/vbwiloljr.github 4s
❯ pnpm generate

> turborepo-graphql-eslint@ generate /home/projects/vbwiloljr.github
> graphql-codegen

[ProjectNotFoundError: Project 'default' not found]
 ELIFECYCLE  Command failed with exit code 1.

~/projects/vbwiloljr.github
❯ 

• reproduction repository
  • graphql.config.ts

    import type { CodegenConfig } from "@graphql-codegen/cli";
    import type { IGraphQLConfig } from "graphql-config";
    
    const webCodegenConfig: CodegenConfig = {
      ignoreNoDocuments: true,
      generates: {
        "packages/codegen/web/": {
          preset: "client",
        },
      },
    };
    
    const docsCodegenConfig: CodegenConfig = {
      ignoreNoDocuments: true,
      generates: {
        "packages/codegen/docs/": {
          preset: "client",
        },
      },
    };
    
    const config: IGraphQLConfig = {
      projects: {
        web: {
          documents: "apps/web/**/!(*.d).{ts,tsx}",
          schema: "https://swapi-graphql.netlify.app/.netlify/functions/index",
          extensions: {
            codegen: webCodegenConfig,
          },
        },
        docs: {
          documents: "apps/docs/**/!(*.d).{ts,tsx}",
          schema: "https://rickandmortyapi.com/graphql",
          extensions: {
            codegen: docsCodegenConfig,
          },
        },
      },
    };
    
    export default config;

• above running on StackBlitz

[nagisa-yamato]

you must use ./app/**/*.tsx

So I changed parserOptions.operations of the eslint config, and I'm still getting the same error.

• https://github.com/nagisa-yamato/turborepo-graphql-eslint/tree/fix/operations
• https://stackblitz.com/github/nagisa-yamato/turborepo-graphql-eslint/tree/fix/operations?file=README.md

~/projects/jvmizgzmk.github
❯ pnpm eslint .
Pages directory cannot be found at /home/projects/jvmizgzmk.github/pages or /home/projects/jvmizgzmk.github/src/pages. If using a custom path, please configure with the `no-html-link-for-pages` rule in your eslint config file.

/home/projects/jvmizgzmk.github/apps/docs/app/page.tsx
  0:0  error  Parsing error: [graphql-eslint] 
      Unable to find any GraphQL type definitions for the following pointers:
        
          - ./app/**/*.tsx

/home/projects/jvmizgzmk.github/apps/web/app/page.tsx
  0:0  error  Parsing error: [graphql-eslint] 
      Unable to find any GraphQL type definitions for the following pointers:
        
          - ./app/**/*.tsx

/home/projects/jvmizgzmk.github/codegen.ts
  19:8  error  Prefer named exports  import/no-default-export

✖ 3 problems (3 errors, 0 warnings)


~/projects/jvmizgzmk.github 4s
❯ 

I've applied changes to

• ./apps/docs/.eslintrc.js
• ./apps/web/.eslintrc.js

Am I applying changes to the wrong eslint config file?

[nagisa-yamato]

• specifying skipGraphQLConfig did not change the result
• the branch I tested does not have a graphql.config.ts file

[dimaMachina]

@nagisa-yamato I checked your fix/operations branch and everything fine on my side

 dmytro@MacBook-Pro-3  ~/Desktop/repros/turborepo-graphql-eslint   fix/operations  pnpm lint --force

> turborepo-graphql-eslint@ lint /Users/dmytro/Desktop/repros/turborepo-graphql-eslint
> turbo run lint "--force"

• Packages in scope: codegen, docs, eslint-config-custom, tsconfig, ui, web
• Running lint in 6 packages
• Remote caching disabled
ui:lint: cache bypass, force executing 3b93c1b9fc42d7c3
docs:lint: cache bypass, force executing 66b50cc7329abcdd
web:lint: cache bypass, force executing 34f14427d7062778
ui:lint: 
ui:lint: > [email protected] lint /Users/dmytro/Desktop/repros/turborepo-graphql-eslint/packages/ui
ui:lint: > eslint .
ui:lint: 
docs:lint: 
docs:lint: > [email protected] lint /Users/dmytro/Desktop/repros/turborepo-graphql-eslint/apps/docs
docs:lint: > eslint . --ignore-path .gitignore
docs:lint: 
web:lint: 
web:lint: > [email protected] lint /Users/dmytro/Desktop/repros/turborepo-graphql-eslint/apps/web
web:lint: > eslint . --ignore-path .gitignore
web:lint: 

 Tasks:    3 successful, 3 total
Cached:    0 cached, 3 total
  Time:    7.7s

try to run turbo with --force flag

[dimaMachina]

same without turbo

 dmytro@MacBook-Pro-3  ~/Desktop/repros/turborepo-graphql-eslint   fix/operations  cd apps/web
 dmytro@MacBook-Pro-3  ~/Desktop/repros/turborepo-graphql-eslint/apps/web   fix/operations  pnpm lint        

> [email protected] lint /Users/dmytro/Desktop/repros/turborepo-graphql-eslint/apps/web
> eslint . --ignore-path .gitignore

 dmytro@MacBook-Pro-3  ~/Desktop/repros/turborepo-graphql-eslint/apps/web   fix/operations  

[nagisa-yamato]

I've noticed that

• running turbo run lint --force from project root
• running eslint . in each workspace (ex. /apps/web)

does not throw an error (as in the logs you provided above).

However, I am still having the same errors when running eslint . at the project root.

The reason for this is

1. There is a separate project with a similar structure using lint-staged, and I have to run eslint directly (NOT use turbo run ...) to integrate with it.
2. The error is still present on the VSCode ESLint extension.

---

The current workaround I found is using both graphql.config.ts and codegen.ts, and specifying codegen.ts as the config when running graphql-codegen.

Ideally, it would be better to unify the config to graphql.config.ts because they are redundant settings, but I can't get codegen to run with only graphql.config.ts (as mentioned before, please check the reproduction repo or StackBlitz).

Will there be a better workaround?