GraphQL code generator - typescript-graphql-request generates sdk with invalid import
I'm trying to use typescript-graphql-request to generate an sdk. The generated file contains this import at the top
import * as Dom from 'graphql-request/dist/types.dom';
You can see an example if you go here and select "graphql-request typed SDK" in the select
This throws an error when I try to build my application
error TS2307: Cannot find module 'graphql-request/dist/types.dom' or its corresponding type declarations.
I have added graphql-request, but there is no /dist. vscode is giving me following suggestions:
So my question is why does it try to import from /dist/types.dom? Why isn't it importing from 'graphql-request'. Am I supposed to build the graphql-request in node_modules first somehow?
Solution
Seems to be a problem with graphql-request 5.2.0, pinning it to 5.1.0 fixes the problem
- AWS-Cognito: Is it possible to edit the User Pool name after creating the User Pool?
- Prevent filtered list rerender when source array is modified
- How to Automate Argument Types in a Handler Based on a Dynamic Event Registry in TypeScript?
- Avoid referencing unbound methods which may cause unintentional scoping of `this` error when calling static methods
- Displaying an option's Name rather than ID in a MUI multi-select dropdown's renderValue
- Run autofix to sort these imports! on eslint simple-import-sort/imports plugin in TypeScript
- Resend email doesn't work in production environement with next js, but works in development
- How to create a type definition for an array of objects without using any[]?
- How to run a JavaScript function with playwright inside an iframe?
- I get "Http failure response for (unknown url): 0 Unknown Error" instead of actual error message in Angular
- Angular 17 does not post and i get an TypeError in dev console
- Unable to debug "Cannot use import outside a module" in azure web app (node:process)
- Vitest defineConfig, 'test' does not exist in type 'UserConfigExport'
- using process.env in TypeScript
- Typescript paths not resolving when running jest?
- Cannot find name 'describe'. Do you need to install type definitions for a test runner?
- How to write the response from nestjs exception filters using nestfastify
- How to observe touched event on Angular 2 NgForm?
- How to create a generic React component with a typed context provider?
- How to accept only predefined values in an Angular @Input
- Extending a TypeScript type by adding new element in the array of a field
- Constrained callback arguments
- Update object data-members in React state doesn't trigger re-rendering
- Getting the enum key with the value string (reverse mapping) in TypeScript
- What return type should be used for setTimeout in TypeScript?
- How I "Run" a TypeScript file in WebStorm?
- Set types on useState React Hook with TypeScript
- How can I limit a slash command to only one, specific user?
- Viewing typescript .ts files in Midnight Commander
- How to add custom message on Zod tuple?