GraphQL error format - Interactive Code Practice

Practice - 5 Tasks

1fill in blank

easy

Complete the code to specify the standard field for error messages in a GraphQL error response.

GraphQL

{ "errors": [ { "[1]": "Field 'name' is missing" } ] }

Drag options to blanks, or click blank then click option'

Amsg

Berror

Cmessage

Ddetail

Attempts:

3 left

💡 Hint

Common Mistakes

Using 'error' or 'msg' instead of 'message' causes the error format to be invalid.

The standard field for error messages in GraphQL error responses is 'message'.

2fill in blank

medium

Complete the code to include the location of the error in the GraphQL error response.

GraphQL

{ "errors": [ { "message": "Invalid query", "[1]": [ { "line": 2, "column": 3 } ] } ] }

Drag options to blanks, or click blank then click option'

Alocations

Bposition

Cplace

Dcoords

Attempts:

3 left

💡 Hint

Common Mistakes

Using 'position' or 'coords' instead of 'locations' breaks the standard format.

The 'locations' field specifies where in the query the error occurred.

3fill in blank

hard

Fix the error in the GraphQL error response by completing the missing field for the error path.

GraphQL

{ "errors": [ { "message": "Cannot query field 'age'", "locations": [ { "line": 3, "column": 5 } ], "[1]": [ "user", "age" ] } ] }

Drag options to blanks, or click blank then click option'

Atrace

Broute

Clocation

Dpath

Attempts:

3 left

💡 Hint

Common Mistakes

Using 'location' or 'trace' instead of 'path' causes the error format to be incorrect.

The 'path' field shows the path in the query where the error happened.

4fill in blank

hard

Fill both blanks to add an extensions object with a code and a timestamp to the GraphQL error.

GraphQL

{ "errors": [ { "message": "Unauthorized", "extensions": { "[1]": "UNAUTHENTICATED", "[2]": "2024-06-01T12:00:00Z" } } ] }

Drag options to blanks, or click blank then click option'

Acode

Berror

Ctimestamp

Dtime

Attempts:

3 left

💡 Hint

Common Mistakes

Using 'error' or 'time' instead of 'code' or 'timestamp' breaks the standard.

The 'extensions' object uses 'code' for error code and 'timestamp' for the time of error.

5fill in blank

hard

Fill all three blanks to create a full GraphQL error with message, locations, and path fields.

GraphQL

{ "errors": [ { "[1]": "Field 'email' not found", "[2]": [ { "line": 4, "column": 7 } ], "[3]": [ "user", "email" ] } ] }

Drag options to blanks, or click blank then click option'

Amessage

Blocations

Cpath

Derror

Attempts:

3 left

💡 Hint

Common Mistakes

Using 'error' instead of 'message' or mixing up 'locations' and 'path' fields.

A complete GraphQL error includes 'message', 'locations', and 'path' fields.

Practice

1. What is the main purpose of the message field in a GraphQL error response?

easy

A. To describe what went wrong in the query

B. To show the exact line of code where the error occurred

C. To list all the fields requested in the query

D. To provide the user's authentication token

Solution

1. Step 1: Understand the role of the message field

   The message field clearly states the error description to help identify the problem.

2. Step 2: Compare with other fields

   Other fields like location show where the error happened, but message explains what the error is.

3. Final Answer:

   To describe what went wrong in the query -> Option A

4. Quick Check:

   message = error description [OK]

Hint: Message always explains the error clearly [OK]

Common Mistakes:

• Confusing message with location
• Thinking message holds query data
• Assuming message is optional

2. Which of the following is the correct structure of a GraphQL error object?

easy

A. { message: string, location: string, path: string }

B. { error: string, line: int, column: int, path: string }

C. { message: string, line: int, column: int, query: string }

D. { message: string, location: [{ line: int, column: int }], path: [string] }

Solution

1. Step 1: Recall GraphQL error object format

   GraphQL errors include message, location as an array of line and column objects, and path as an array of strings.

2. Step 2: Check each option's structure

   Only { message: string, location: [{ line: int, column: int }], path: [string] } matches the correct structure with proper types and nesting.

3. Final Answer:

   { message: string, location: [{ line: int, column: int }], path: [string] } -> Option D

4. Quick Check:

   Correct error object format = { message: string, location: [{ line: int, column: int }], path: [string] } [OK]

Hint: Look for location as array of line/column objects [OK]

Common Mistakes:

• Using location as a string
• Confusing path type with string instead of array
• Missing array brackets for location

3. Given this GraphQL error response snippet:

{"errors": [{"message": "Cannot query field 'age' on type 'User'", "locations": [{"line": 3, "column": 5}], "path": ["user", "age"]}]}

What does the path field indicate?

medium

A. The exact location in the query text where the error occurred

B. The sequence of fields leading to the error in the response data

C. The server file path where the error was logged

D. The user's file system path

Solution

1. Step 1: Understand the path field meaning

   The path shows the chain of fields in the response data that led to the error.

2. Step 2: Analyze the example path

   Here, the error is in the 'age' field inside the 'user' object, so path is ["user", "age"].

3. Final Answer:

   The sequence of fields leading to the error in the response data -> Option B

4. Quick Check:

   path = error location in response data [OK]

Hint: Path shows field chain causing error [OK]

Common Mistakes:

• Thinking path is query text location
• Confusing path with server file path
• Ignoring path as array of fields

4. You receive this GraphQL error response:

{"errors": [{"message": "Syntax Error: Expected Name, found }", "locations": [{"line": 5, "column": 10}]}]}

What is the most likely cause of this error?

medium

A. A missing or extra character in the query causing invalid syntax

B. A missing authentication token in the request headers

C. A server crash unrelated to the query

D. A network timeout error

Solution

1. Step 1: Interpret the error message

   The message says "Syntax Error: Expected Name, found }", indicating a syntax mistake in the query.

2. Step 2: Understand syntax errors in GraphQL

   Such errors happen when brackets, names, or punctuation are missing or misplaced in the query text.

3. Final Answer:

   A missing or extra character in the query causing invalid syntax -> Option A

4. Quick Check:

   Syntax error = query typo [OK]

Hint: Syntax errors mean query text is malformed [OK]

Common Mistakes:

• Assuming error is due to auth issues
• Confusing syntax error with server crash
• Ignoring location info in error

5. You want to add extra details to your GraphQL error responses for better debugging. Which field should you use to include custom error codes or metadata?

hard

A. locations

B. path

C. extensions

D. message

Solution

1. Step 1: Identify the field for extra error info

   The extensions field is designed to hold custom metadata like error codes or debugging info.

2. Step 2: Differentiate from other fields

   message is for error text, path shows error location in data, and locations shows query text position.

3. Final Answer:

   extensions -> Option C

4. Quick Check:

   extensions = custom error metadata [OK]

Hint: Use extensions for custom error details [OK]

Common Mistakes:

• Putting custom info in message
• Confusing path with metadata
• Ignoring extensions field existence