dotansimha / dotansimha/graphql-code-generator-community

"typescript-graphql-request" returns import error

Open
#465 4 comments 4 reactions 0 assignees View on GitHub
Dominant language
TypeScript
Stars
137
Forks
195
Avg merge
6h 20m
Merged PRs (30d)
16

Description

### Which packages are impacted by your issue?

_No response_

### Describe the bug

When using the `typescript-graphql-request` plugin I get an import error. Running the code does work, but building the code gives an error. The error will be on the second line, being:
```import { GraphQLClientRequestHeaders } from 'graphql-request/build/cjs/types';```

### Your Example Website or App

https://github.com/florisdegraaff/portfolio

### Steps to Reproduce the Bug or Issue

1. Install latest versions of:
- `@graphql-codegen/cli`
- `@graphql-codegen/fragment-matcher`
- `@graphql-codegen/typescript`
- `@graphql-codegen/typescript-graphql-request`
- `@graphql-codegen/typescript-operations`

2. Setup `codegen.ts` with:
```
generates: {
'src/generated.ts': {
plugins: [
{
add: {
content: '/* eslint-disable */'
}
},
'typescript',
'typescript-operations',
'typescript-graphql-request',
'fragment-matcher'
],
}
}
```

3. Add `.graphql` files that follow the pattern in de `documents` setting of your `codegen.ts`
4. Run `graphql-codegen --config codegen.ts`

### Expected behavior

The import of the `GraphQLClientRequestHeaders` in the generated file should not return an error

### Screenshots or Videos

_No response_

### Platform

- OS: macOS
- NodeJS: v20.5.0
- `graphql` version: 16.8.1
- `@graphql-codegen/*` version(s):
"@graphql-codegen/add": "^5.0.0",
"@graphql-codegen/cli": "^5.0.0",
"@graphql-codegen/fragment-matcher": "^5.0.0",
"@graphql-codegen/typescript": "^4.0.1",
"@graphql-codegen/typescript-graphql-request": "^6.0.0",
"@graphql-codegen/typescript-operations": "^4.0.1",

### Codegen Config File

```
schema: [{
'https://gapi.storyblok.com/v1/api': {
headers: {
Token: process.env.TOKEN,
}
},
}],
documents: 'src/storyblok/graphql',
generates: {
'src/storyblok/generated.ts': {
plugins: [
'typescript',
'typescript-operations',
'typescript-graphql-request',
'fragment-matcher'
],
}
}
```

### Additional context

_No response_

Contributor guide

No contributing guide indexed for this repository

Assessment

This issue has not been assessed yet.

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.