graphql-upload | Upload scalar to add support | Runtime Evironment library

I am not finding any solutions. I already asked one questions about this. But not finding solutions. I already created a graphql projects with apollo-server-express.

I create three file apollo.js, app.js and server.js.

In app.js I write-

I would like to know how to properly format a GraphQL mutation containing a fragment as a valid JSON in a form data.

The schema has a type Comment containing an Upload scalar.

I try to upload a file with GraphQL. While upload, I get following error message:

Variable "$file" got invalid value { resolve: [function], reject: [function], promise: {}, file: { filename: "insung-yoon-TPvE8qPfMr0-unsplash.jpg", mimetype: "image/jpeg", encoding: "7bit", createReadStream: [function createReadStream] } }; Upload value invalid.

The only solution I found, was to disable the upload at apollo-graphql and add graphql-upload

I try to create a GraphQL endpoint, where I can upload a file.

In my resolver I get as arguments context and data with a custom type

I am trying to upload a yml file to a graphql end point through post method and getting the following error in JMeter,

Error Details:

http status code : 400

I need to use apollo-server and graphql-upload to handle file uploads. This is working as expected with the old graphql-upload v9. Updating to the latest v11 results in failing uploads. To make it short, the problem is, that apollo-server (and @nestjs/graphql) are depending on the old graphql-upload v8. (For those, who are interested in more) To get everything working, there should only be one version (v11) in my project.

I'm using pnpm. Listing which packages are using graphql-upload I get following:

I want to upload file to mongodb with graphql resolver. In server.js I have this help function to store file, which is exported to use it in my resolver. The function is basing on what I found here: https://github.com/jaydenseric/graphql-upload/issues/8), but now some things have changed in graphql. For example destructurising file object. I don't know what should be found at path variable and how should I use this createReadStream(function which was destructurized from file).

When sending images via axios I found I have to use formdata. I add my images here but when sending the formdata my entire backend just freezes, just says "pending".

Ive been following this

And my attempt so far:

backend:

Apollo:

I tried adding an upload argument to a GraphQL endpoint using graphql-upload's GraphQLUpload scalar: