Javascript 变量“$file”获取了无效值{};上载值无效

Javascript 变量“$file”获取了无效值{};上载值无效,javascript,node.js,file-upload,graphql,antd,Javascript,Node.js,File Upload,Graphql,Antd,我正在使用graphql请求中的GraphQLClient向我的服务器发送请求。我正在尝试通过执行以下操作上载文件: const graphQLClient = new GraphQLClient('http://localhost:4000/graphql', { credentials: 'include', mode: 'cors', }); const source = gql` mutation uploadImage($file: Upload!) {

我正在使用graphql请求中的GraphQLClient向我的服务器发送请求。我正在尝试通过执行以下操作上载文件:

const graphQLClient = new GraphQLClient('http://localhost:4000/graphql', {
    credentials: 'include',
    mode: 'cors',
});
const source = gql`
    mutation uploadImage($file: Upload!) {
        uploadImage(file: $file)
    }
`;
const file: RcFile = SOME_FILE; // RcFile (from antd) extends File
await graphQLClient.request<{uploadImage: boolean}>(source, { file });
这是我的请求在控制台中的外观:

operations: {
    "query":"\n mutation uploadProfileImage($file: Upload!){\n uploadProfileImage(file: $file)\n }\n",  
    "variables":{"file":null}
}
map: {"1":["variables.file"]}
1: (binary)

还有其他人有这个问题吗?我似乎无法将文件上载到后端。

我通过在Apolloads服务器配置中将uploads选项设置为false,解决了这个问题

new ApolloServer({ schema, context, uploads: false })
然后使用GraphQlUpload中的graphqlUploadExpress中间件


希望这能帮助遇到与我相同问题的任何人我通过在Apolloads服务器配置中将uploads选项设置为false修复了这个问题

new ApolloServer({ schema, context, uploads: false })
然后使用GraphQlUpload中的graphqlUploadExpress中间件


希望这能帮助遇到与我的console.logfile?文件相同问题的任何人{uid:rc-upload-1604388578610-2,name:images.jpg,lastModified:1604388587004,lastModifiedDate:Tue Nov 03 2020 01:29:47 GMT-0600中央标准时间,webkitRelativePath:,name:images.jpg大小:4040类型:image/jpeg uid:rc-upload-1604388578610-2 webkitRelativePath:此服务器支持graphql吗正确上传?…突变应该定义返回类型/字段我在我的后端使用typegraphql和graphql upload:@mutation=>Boolean async uploadImage@Arg'file',=>graphqluadup:UploadType:Promise{…}更像是…它使用postman?console.logfile?文件工作吗{uid:rc-upload-1604388578610-2,name:images.jpg,lastModified:1604388587004,lastModifiedDate:Tue Nov 03 2020 01:29:47 GMT-0600中央标准时间,webkitRelativePath:,name:images.jpg大小:4040类型:image/jpeg uid:rc-upload-1604388578610-2 webkitRelativePath:此服务器支持graphql吗正确上传?…突变应该定义返回类型/字段我在我的后端使用typegraphql和graphql upload:@mutation=>Boolean async uploadImage@Arg'file',=>GraphQLUpload upload:UploadType:Promise{…}更像是…它使用postman工作吗?
app.use(graphqlUploadExpress({ maxFileSize: 10000, maxFiles: 10 }));