Open aliok opened 11 months ago
Could you please create a TypeScript playground or reproduction project for that? This depends mostly on your personal setup, and I will not be able to replicate it with the information in your post alone.
Here's an example: Playground Link
The error comes up as soon as you go into TS Config and change pretty much anything -- I set the Target to ES2022 for example and get the error immediately when the playground switched into ESM mode:
This expression is not callable. Type 'typeof import("file:///node_modules/graphql-tag/lib/index")' has no call signatures. (2349)
@phryneas This should help: https://arethetypeswrong.github.io/?p=graphql-tag%402.12.6
@phryneas I've had the same issue for some time. I've hacked my way around it through a "postcodegen" npm script, but fixing the library exports would be preferable.
sed -i \"s/import gql from 'graphql-tag'/import { gql } from 'graphql-tag'/\" src/gql/sdk.ts
Building on @TimUnderhay's suggestion, I've noticed there's a hooks
config option that appends the file name to the given command
import type { CodegenConfig } from '@graphql-codegen/cli';
const config: CodegenConfig = {
overwrite: true,
schema: "...",
documents: "...",
generates: {
"generated/types.ts": {
plugins: [
"typescript",
"typescript-operations",
//...
],
},
},
hooks: {
afterAllFileWrite: [
`sed -i '' "s/import gql from 'graphql-tag'/import { gql } from 'graphql-tag'/"`
],
},
};
export default config;
When using ESM,
gql
becomes non-callable because TS doesn't like namespaces with ESMindex.d.ts
file:I get this error:
Similar to https://github.com/dotansimha/graphql-code-generator-community/issues/228