"Encountering a connectivity problem with Apollo server's GraphQL

Question

"Encountering a connectivity problem with Apollo server's GraphQL

I am facing a networking issue or possibly a bug in GraphQL(Apollo-Server-Express). I have tried various solutions but to no avail. When sending a query, everything seems perfect - values checked and request showing correct content with a 200 status code. However, upon inspecting the networking window in dev tools, an error pops up stating that it received undefined when expecting a String. Even though the value is clearly visible in the request payload. The schema appears to be correct as well. The puzzling part is that data is received inside the resolver, but only one variable (password) is populated while the other (email) remains undefined. There are no middleware causing issues with incoming requests.

Client-side query:

signIn: (email: string, password: string) => requests.post({query: `
    query ($email: String!, $password: String!) {
        signIn(email: $email, password: $password) {
            _id
            name
            email
            avatar
            admin
            rents{
                _id
            }
            createdAt
            updatedAt
          }
        }
    `, variables: {
        email: email,
        password: password,
    }}),

Network panel error

Request body

Schema query

Resolver and return outcome when executing the request

javascript express graphql apollo

Answer 1

Answer №1

Your logIn function is not functioning correctly. It is not receiving username and password as the first two arguments, despite being declared that way in your method. As with all resolver functions, the parent object should be the first parameter (the root object for Query fields) and the second parameter should be an object containing the arguments.

The log statements in your server code should have indicated this issue.

To correct your code, you can use

const Query = {
    async logIn(_root, args, _context) {
//                      ^^^^
        const { username, password } = args;
        …
    }
};

or

const Query = {
    async logIn(_root, {username, password}, _context) {
//                      ^^^^^^^^^^^^^^^^^
        …
    }
};

Answer 2

Your logIn function is not functioning correctly. It is not receiving username and password as the first two arguments, despite being declared that way in your method. As with all resolver functions, the parent object should be the first parameter (the root object for Query fields) and the second parameter should be an object containing the arguments.

The log statements in your server code should have indicated this issue.

To correct your code, you can use

const Query = {
    async logIn(_root, args, _context) {
//                      ^^^^
        const { username, password } = args;
        …
    }
};

or

const Query = {
    async logIn(_root, {username, password}, _context) {
//                      ^^^^^^^^^^^^^^^^^
        …
    }
};

"Encountering a connectivity problem with Apollo server's GraphQL

Answer №1

Similar questions

I want the navigation bar to appear only upon scrolling, but when I refresh the page it is already visible, and then vanishes as I start scrolling

Adding the "disabled" attribute to a button using React

Exploring the validation of arrays containing objects and sub-objects with Express Validator wildcards

Utilize a standard PHP script for every subdirectory within a domain

Modifying subtotal values using PHP and JavaScript

Filtering dynamically generated table rows using Jquery

The key to creating efficient routers in Express: Don't Repeat Yourself!

I am having trouble retrieving a JsonResult from an asp.net mvc controller using $resource in angular

Ways to center align text in a div vertically

How to transfer data using props through the ":to" attribute of a router link in Vue.js

Integrating Material-UI Dialog with Material-table in ReactJS: A Step-by-Step Guide

Submitting form data to PHP without refreshing the page

Displaying live data from an XMLHttpRequest in a Vue component in real-time

Encountering an error with production build in NestJS Graphql and webpack

Cron job unexpectedly crashed with no explanation

Completed processing graphical event layer

Controlling the Escape Key and Clicking Outside the Material-ui Dialog Box

Change the location of an HTML element within the page structure

How to Use Attributes as Component Parameters in Vue.js

Troubleshooting issue with Next.JS Redux dispatch functionality inside getStaticProps() not functioning as