"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

Creating dynamic components in Vue.js using VueJS and jQuery synergistically

How to retrieve session information in a Next.js page utilizing withIronSession()

Upon attempting to start the server, the module 'express-stormpath' could not be located

Assess html code for Strings that include <% %> tags along with embedded scripts

Accessing a variable outside of the component constructor will result in the variable being

What are the consequences of submitting a form to a different website through POST method?

To modify the text within the pagination select box in ANTD, follow these steps:

Is there a way to use Jest spyOn to monitor a function that is returned by another function?

Seeing the Pending Status in Node.js

"Embedding PHP code within HTML tags, which is then embedded within

Employing Jquery for restricting checkbox selection based on parent HTML elements

Execute a simulated click on the Material-UI Tabbar using a programmatic approach or keyboard shortcut

Seamlessly Connect KeystoneJS with Stripe

What is the most efficient method for transferring Flask variables to Vue?

Modifying information in a single array in Vue JS has a ripple effect on

Is it possible to organize and filter a dropdown menu in JQuery based on a secondary value (new attribute)?

Accordions housing Bootstrap 3 pills in a sleek design

Enhance User Experience with Dynamic Scroll Page Transition

Running a command once the forEach loop is completed in Angular

I'm looking for a way to securely transfer data, such as an authentication token, from a web application to an electron-based thin client. My current approach involves utilizing custom URL protocols to