VSCODE 中的 Graphql 文件路径自动补全

Question

Looks like my vscode refuse to give me auto-completion on.graphql file import path… Do you have any idea why?

I've specific Gql extension activated…

Name: GraphQL for VSCode
Id: kumar-harsh.graphql-for-vscode
Description: GraphQL syntax highlighting, linting, auto-complete, and more!
Version: 1.15.3
Publisher: Kumar Harsh
VS Marketplace Link: https://marketplace.visualstudio.com/items?itemName=kumar-harsh.graphql-for-vscode

Also definition TS

declare module '*/get-course.gql' {
  import { DocumentNode } from 'graphql';
  const defaultDocument: DocumentNode;
  export const GetCourses: DocumentNode;

  export default defaultDocument;
}

It doesn't give auto-complete in js file neither…

Thank in advance…

Answer 1

I know it is an almost 2 years old question but I just encountered the same problem.

I just wanted to post the answer for anyone with the same problem.

Installing this very popular Path Intellisense ( ~5M downloads ) plugin solved my problem and VSCode started showing autocompletion for my graphql files.

Before installing the plugin :

After installing the plugin :

Answer 2

Looks.graphql filetypes are not included in default vs code autocomplete plugin.

You can install GraphQL prisma.vscode-graphql or similar plugin to achieve this.