Apollo Server:弹出内置的"Upload“类型，以生成带有graphql-codegen的TS类型
Apollo Server是一个用于构建GraphQL服务器的开源工具。它是一个可扩展的JavaScript GraphQL服务器，可以与任何GraphQL架构和客户端库一起使用。
在Apollo Server中，"Upload"类型是一种内置类型，用于处理文件上传。它允许客户端将文件数据作为GraphQL变量上传到服务器，并在解析器中进行处理。"Upload"类型通常与GraphQL的Mutation操作一起使用。
"Upload"类型的优势包括：
- 简化文件上传：通过使用"Upload"类型，开发人员可以轻松地在GraphQL API中实现文件上传功能，而无需编写复杂的自定义逻辑。
- 与现有工具集成："Upload"类型与许多现有的文件上传工具和库兼容，例如Apollo Client和其他GraphQL客户端库。
- 安全性："Upload"类型提供了一些内置的安全特性，例如文件大小限制和文件类型验证，以确保上传的文件符合预期。
应用场景：
- 社交媒体平台：在社交媒体应用程序中，用户可以通过使用"Upload"类型将图片、视频等媒体文件上传到服务器。
- 文件存储和共享平台："Upload"类型可以用于构建文件存储和共享平台，用户可以上传和共享各种类型的文件。
- 电子商务平台：在电子商务应用程序中，用户可以使用"Upload"类型将产品图片上传到服务器。
腾讯云相关产品推荐： 腾讯云对象存储（COS）：腾讯云对象存储（COS）是一种安全、耐用且高度可扩展的云存储服务，适用于存储大量非结构化数据，如图片、音视频、文档等。它提供了简单易用的API，可以与Apollo Server中的"Upload"类型无缝集成。了解更多信息，请访问：腾讯云对象存储（COS）
腾讯云云函数（SCF）：腾讯云云函数（SCF）是一种事件驱动的无服务器计算服务，可以帮助开发人员在云端运行代码，无需关心服务器管理。通过结合Apollo Server和腾讯云云函数，可以构建高度可扩展的GraphQL服务器。了解更多信息，请访问：腾讯云云函数（SCF）
以上是关于Apollo Server中"Upload"类型的完善且全面的答案。
相关·内容
我正在使用graphql-codegen生成我的TS类型的GraphQL TypeDef文件。我也使用来自apollo服务器的内置Upload类型来处理文件上传，但是上传TypeDef不在我自己的模式中，它内置在apollo服务器本身的某个地方。当我尝试通过graphql-codegen生成时，我收到一个错误：
Error: Unknown type "Upload". Did you mean "Float"?
Unknown type "Upload". Did you mean "Float"?
因为它不在我自己的type
浏览 19提问于2019-11-27得票数 2
当后端模式设置为NODE_ENV: development时，所有操作都很完美，但是在生产模式下，graphql-codegen会出错：
本地web服务器错误：
阿波罗服务器不允许 GraphQL内省，但查询包含_schema或_type。要启用内省，在生产中传递内省: true To ApolloServer
生产web服务器错误：
未能从加载架构，原因:无法验证第一个证书。GraphQL代码生成器支持：
"schema")Introspection endpointMultiple文件的ES模块和CommonJS导出(导出为默认或命名的导出)、带有类型定义的GraphQ
浏览 4提问于2021-04-13得票数 0
这不是关于“客户端到服务器”的上传。
我正在寻找一种将文件从nodejs服务器上传到rails后端graphql服务器(服务器到服务器)的方法。
rails后端运行良好，如果它来自客户端，它可以在没有问题的情况下进行文件上传。
我面临的问题是在nodejs中创建/构建一个，这样我就可以使用像这样的阿波罗突变来上传文件。
// nodejs server side, NOT react client side
const { data } = await client.mutate<
FileUploadMutation,
FileUploadMutationVariables
>(
浏览 6提问于2021-10-19得票数 0
当在graphQL文件上运行npm run build时，我突然遇到了这些错误：
错误TS2688:找不到“content-disposition”的类型定义文件。错误错误:找不到‘http-TS2688’的类型定义文件。错误TS2688:找不到'nodemailer‘的类型定义文件。错误TS2688:找不到'qs‘的类型定义文件。
这是我的package.json
"name": "b2e-graphql-api",
"version": "0.0.1",
"description
浏览 12提问于2021-02-24得票数 0
1回答
我在试着测试阿波罗图形‘m的角度编码。
因此，我创建了一个NET5服务器，它在上托管Grapqhl端点。
它装得很好，不用担心。
然后，我创建了一个包含阿波罗图形as的虚拟角度项目，并按照这两个指南安装了代码gen：
这就产生了码元yml，具体如下：
overwrite: true
schema: "https://localhost:8080/api/graphql"
documents: "src/**/*.graphql"
generates:
src/generated/graphql.ts:
plugins:
- "t
浏览 13提问于2022-05-22得票数 0
1回答
你好，我们升级了角度6到7.2，并安装了graphql。当试图运行ng服务时，我们在节点模块的阿波罗客户端上得到了多个错误。
node_modules/@apollo/client/core/types.d.ts(38,1)：ERROR TS1128中的错误:预期的声明或语句。node_modules/@apollo/client/core/types.d.ts(38,13)：错误TS1005：';‘预期。node_modules/@apollo/client/utilities/observables/Observable.d.ts(3,1)：error TS1128:预期的声明或语
浏览 6提问于2021-11-19得票数 0
我正在尝试将我的本地版本从0.66.3升级到0.68.2。
我跟踪了。
如果我试图运行pod install，它会抛出：
error Cannot read properties of undefined (reading 'configurations').
[!] Invalid `Podfile` file: 859: unexpected token at 'TypeError: Cannot read properties of undefined (reading 'configurations')
info Run CLI with -
浏览 29提问于2022-05-30得票数 3
这是我的剧本
{
"name": "fullstack-apollo-express-boilerplate-project",
"version": "1.0.0",
"description": "",
"main": "index.ts",
"scripts": {
"tsc": "./node_modules/typescript/bin/tsc",
"bui
浏览 6提问于2022-01-14得票数 1
回答已采纳
我有这个角度应用程序，它可以通过graphql端点为应用程序生成模型。
该组件包括容器内的图像标记：
<ng-container *ngFor="let blog of (blogPosts | async)?.blogPost | paginate: config">
<img class="image" *ngIf="blog.image.urls" src="http://localhost:5002{{blog.image.urls}}"
alt=
浏览 9提问于2022-07-06得票数 1
回答已采纳
在我们的项目中，我们使用react-intl进行国际化。我们使用jest作为测试框架，并决定将单元测试实用程序库从酶迁移到react-testing-library。但是现在，由于没有浅层渲染，我必须自己在测试中提供<IntlProvider ... />，没有问题。但是，即使我这样做，当测试终端说Invalid hook call. Hooks can only be called inside of the body of a function component，但当我在本地运行项目时，没有错误只是正常运行的预期。在测试中，阿波罗供应商正常工作。
FirstNameFor.t
浏览 10提问于2020-01-27得票数 10
我用的是威士( Nuxt.js )+阿波罗。 现在，我正在努力将Typescript加入到这个项目中，尤其是围绕Graphql。我读取了这个article并生成了类型文件，但它不工作。我无法在存储目录中的.ts文件中导入查询。 生成的类型文件。(~/graphql/types.d.ts) declare module '*/activate.gql' {
import { DocumentNode } from 'graphql'; <- another problem: ts says "error TS2307: Cannot find
浏览 35提问于2021-04-05得票数 0
我试图在Reactinative中使用阿波罗客户端useQuery来获取数据，但是loading挂起了真状态，无法获取data。
下面是实际代码。
App.js
import React from 'react';
import { SafeAreaView, Text, View } from 'react-native';
import { ApolloClient, ApolloProvider, InMemoryCache, gql, useQuery } from '@apollo/client';
const EXCHANGE_
浏览 10提问于2022-05-02得票数 3
回答已采纳
graphql服务1类型防御系统：
import { gql } from 'apollo-server';
const typeDefs = gql`
type Post {
postId: ID!
postTitle: String!
postContent: String!
postAuthorId: ID
}
input PostTag {
name: String!
}
input PostInput {
postTitle: String!
postContent: String!
浏览 0提问于2019-07-26得票数 2
回答已采纳
我正在做两种不同的回复，lib和apps。
lib有一些用制作的反应组件，我想在apps中使用，这是用汇总构建的。
apps是一个Lerna，带有一个Next.js应用程序，它将lib作为依赖项导入以使用其组件，该组件可以用自定义主题在中自定义包装。
但是，这不起作用，因为存在MUI / ThemeProvider的重复实例，我可以通过将其添加到lib的入口点来验证这一点：
if (process.browser) {
(window as any)._React = React;
(window as any)._ThemeProvider = ThemePr
浏览 11提问于2022-01-14得票数 3
我是以编程方式使用graphql codegen的。
import * as typescriptReactApolloPlugin from "@graphql-codegen/typescript-react-apollo";
const config: Types.GenerateOptions = {
documents: [{ document: doc }],
config: {},
// returns the string output, rather than writing to a file
filename: "index.ts
浏览 18提问于2022-08-23得票数 1
回答已采纳
我正在尝试用阿波罗客户端+ apollo-upload-client在客户端使用阿波罗客户端+apollo-upload-client，在服务器端使用apollo-express-server来实现Next.js博客中的Next.js上传。
我有下一个错误：
身体不见了。你忘记使用身体解析器中间件了吗？
我确信我的服务器上有身体解析器。
Server.ts
import "reflect-metadata";
import "dotenv-safe/config";
import 'module-alias/register';
impo
浏览 10提问于2020-11-23得票数 3
回答已采纳
我的团队正在完成更新我们项目的任务。我们已经将Jest和Apollo更新到最新版本。遇到一个问题，我们正在使用Apollo/GraphQL进行集成测试，并得到以下错误： TypeError: Cannot read property 'bind' of undefined
4 |
5 | import { createTestClient } from 'apollo-server-testing';
> 6 | import { ApolloServer } from "apollo-server-express";
浏览 111提问于2019-08-29得票数 2
我有反应网络应用程序，我正试图作为桌面应用程序进行互操作。我的所有React依赖项都是由webpack在生产环境中捆绑的，所以我不需要将这些节点模块包含在app.asar中，这会不必要地增加我的生产构建的大小。 现在我的问题是，它阻止了我包括主进程依赖项，因为我有规则在package.json中排除node_modules，我如何分离电子生成器要包含的主进程依赖项，而忽略呈现进程依赖项。我刚接触电子，所以任何帮助对我来说都是有价值的。 我的package.json看起来像这样： "name": "app-name",
"version"
浏览 40提问于2021-11-10得票数 0
我正在使用工具生成graphql类型和钩子，出于某种原因，它生成了一个schema.ts文件，在该文件中，下面的导入一直放在第197行，而不是放在顶部：
import { IntrospectionQuery } from 'graphql';
因此，对投诉的反应显然是：
src/graphql/generated/schema.ts
Line 197:1: Import in body of module; reorder to top import/first
下面是schema.ts文件的一部分：
…
export type SendEmMutation = {
浏览 20提问于2022-09-03得票数 0
我有以下schema.prisma文件：
model Account {
id Int @default(autoincrement()) @id
name String
transactions Transaction[]
}
model Transaction {
id Int @default(autoincrement()) @id
accountId Int
account Account @relation(fields: [accountId], references: [id])
}
我可以执行
npx prisma migrate save --ex
浏览 3提问于2020-04-26得票数 4
回答已采纳
我试图在类型记录中从“"apollo-server-express"：阿波罗服务器”："^2.9.4"和"^2.9.4“升级到2.12.0版本，在应用程序的构建过程中，我得到了下面的错误：
node_modules/apollo-server-express/node_modules/apollo-server-core/dist/plugin/index.d.ts:1:13
错误TS1005：'=‘预期。
1从“阿波罗-服务器-插件基”导入类型{ ApolloServerPlugin }；
我还没有找到解决这个问题的方法，我已经删
浏览 2提问于2020-10-22得票数 2
回答已采纳
我使用的是"eslint --固定保存“功能。昨天它停止工作了。但它在航站楼还是很好用的。此问题只出现在WebStorm中。
IDE返回错误：
Error: Failed to load plugin '@typescript-eslint' declared in '.eslintrc.json » ./node_modules/gts/#overrides[0]': No valid exports main found for '/Users/yurygrinko/WebstormProjects/lynx-project-app/node
浏览 3提问于2021-06-10得票数 1
1回答
我需要使用apollo-server和graphql-upload来处理文件上传。这与以前的graphql-upload v9一样有效。更新到最新的v11会导致上传失败。简而言之，问题在于，apollo-server (和@nestjs/graphql)依赖于旧的graphql-upload v8。()为了使一切正常工作，我的项目中应该只有一个版本(v11)。
我使用的是pnpm。列出使用graphql-upload的包如下：
@nestjs/graphql 7.9.1
├─┬ @apollo/gateway 0.17.0
│ └─┬ apollo-server-core 2.19.0
│
浏览 0提问于2021-01-06得票数 0
回答已采纳
1回答
tsconfig.json
{
"extends": "./node_modules/pcf-scripts/tsconfig_base.json",
"compilerOptions": {
"typeRoots": ["node_modules/@types"],
"allowJs": true,
"skipLibCheck": true,
"esModuleInterop": tru
浏览 8提问于2020-03-05得票数 1
2回答
我的项目在本地、development或production中都可以正常工作和构建，但是当我尝试通过独库推送到我的DigitalOcean Ubuntu服务器时，它崩溃了
# server.js at the root
const express = require('express');
const path = require('path');
const serveStatic = require('serve-static');
let app = express();
app.use(serveStatic(__dirname + &
浏览 0提问于2019-06-04得票数 0
1回答
我有一个项目，我已经更新了所有的包。 在更新之前，所有e2e测试都按预期运行。 更新后，产品本身会按预期进行编译和运行。 然而，e2e测试在集成开发环境和运行时都显示了意外的问题。 例如, cy.checkA11y(
{
rules: {
'aria-required-children': { enabled: false },
},
},
); 在集成开发环境中，cy.checkAlly给我一个错误，指出： TS2345: Argument of type '{ rules: { 'aria-required-chil
浏览 18提问于2021-01-21得票数 0
回答已采纳
在我的Laravel应用程序中，我使用Laravel灯塔作为我的graphql服务器。现在，我已经将自定义查询和类型添加到graphql/schema.graphql文件中，我希望能够在位于Laravel项目中的TypeScript Vue 3应用程序中获得输入。但是，当我运行graphql-codegen --config codegen.yml命令时，它会失败，因为正在生成的查询与模式文件中的内容不匹配。
我的graphql/schema.graphql文件中的查询。
type Query {
posts: [Post!]! @paginate(defaultCount: 10)
浏览 3提问于2022-07-24得票数 0
回答已采纳
1回答
在阿波罗中使用2组打字机
、、、、
我在Node上使用ApolloServer运行服务器：
// App.js
const express = require('express');
const { ApolloServer } = require('apollo-server-express');
const resolvers = require('./resolvers.js');
const typeDefs = require('./schema');
const apolloServer = new ApolloServer({
resolver
浏览 6提问于2022-07-09得票数 1
我使用，这意味着我首先创建json：
apollo-codegen introspect-schema schema.graphqls --output schema.json
这会产生：
{
"data": {
"__schema": {
"queryType": {
"name": "Query"
},
"mutationType": null,
"subscriptionType": null,
浏览 1提问于2017-08-07得票数 2
我有一个基于GraphQL端点的Angular/Apollo GraphQl实现生成typescript代码，该端点正在浮现一个模式。我可以通过Postman使用查询来访问端点，并返回结果。然而，当我通过npm运行"graphql-codegen --config codegen.yml“时，我得到了这个错误：
“错误:必须提供查询根类型”
服务器端是使用GraphQL ASPNetCore的.Net核心实现。我定义了4个不同的查询，每个查询都通过graphiql工作。
对于为什么query根类型现在返回为null有什么想法吗？
浏览 0提问于2020-01-06得票数 7
2回答
我想把我的服务转移到一个码头集装箱里。构建该项目在本地运行良好，但当我尝试将其构建为docker构建的一部分时，我会得到以下错误：
node_modules/jest-extended/types/index.d.ts(135,39): error TS2694: Namespace 'jest' has no exported member 'Mock'.
请找到我的文档：
FROM node:12
COPY package.json /opt/service/
WORKDIR /opt/service/
RUN npm install
COPY . .
RU
浏览 0提问于2021-10-04得票数 2
我知道为什么这里会出现这个错误。我的问题是如何在NextJS环境和babel中修复它，以生成不包括对象中的扩展操作符的块。这是背景。
我需要支持Edge18那里的。它会产生错误：
SCRIPT1028: SCRIPT1028:预期标识符、字符串或数字
此错误是由以下一行引起的：
filter(e=>"0"!==t[e]).reduce((e,r)=>({...e,[`-${r}`]:(0,f.default
尤其是...e
此代码位于通过
<script src="/_next/static/chunks/269073627ff2c2dabb4
浏览 1提问于2020-06-09得票数 1
回答已采纳
我需要使用typeScript和typescript-mongodb插件为mongoDB生成graphql-code-generator类型，但我不知道如何在nestJS应用程序中导入该插件的指令。
在我的后端应用程序(nestJS)中，graphql模块的定义如下：
import { ApolloDriver, ApolloDriverConfig } from '@nestjs/apollo';
import { Module } from '@nestjs/common';
import { GraphQLModule } from '@nestj
浏览 7提问于2022-05-08得票数 3
我使用apollo-server-testing包编写集成测试，遵循这个正式的。但是，当我将ApolloServer类的实例传递给createTestClient方法时，tsc抛出一个类型不兼容的错误。
类型'ApolloServer‘的参数不能分配给'ApolloServerBase’类型的参数。属性'requestOptions‘的类型是不兼容的。类型'Partial>‘不能分配到键入’分部>‘。属性'documentStore‘的类型是不兼容的。未定义的“是不能分配给键入'import("/Users/ldu020/w
浏览 4提问于2020-01-06得票数 7
回答已采纳
我正在使用@graphql-codegen/cli工具在我的graphql服务器之外生成typescript类型。以下是我的codegen.yml内容：
overwrite: true
schema: "http://localhost:3001/graphql"
documents: "src/**/*.graphql"
generates:
src/generated/graphql.tsx:
plugins:
- "typescript"
- "typescript-operations"
浏览 45提问于2019-11-18得票数 13
回答已采纳
1回答
我看过这个问题：
还有，这个医生：
现在，我想自定义graphql enum的值。
typeDefs.ts
import { gql } from 'apollo-server';
export const typeDefs = gql`
enum Device {
UNKNOWN
DESKTOP
HIGH_END_MOBILE
TABLET
CONNECTED_TV
}
type CampaignPerformanceReport {
campaignNme: String!
campaignId: ID
浏览 0提问于2019-10-15得票数 3
回答已采纳
在@typescript-eslint升级之后，es-lint启动了lint错误，如下所示： 28:15 error 'token' is defined but never used @typescript-eslint/no-unused-vars 在源代码中： 23 interface IInterface {
...
>> 27 func1: (token: string) => void
>> 28 fun2: (token: string | null) => void
29 }
浏览 304提问于2021-02-10得票数 0
回答已采纳
我是从here那里了解到angular graphql code generator的。我正尝试在我的项目中使用它来为angular生成graphql类型和Query服务。 我的codegen.yml文件如下所示。 overwrite: true
schema: "http://localhost:9010/myGraphQL"
documents: "apps/myGraphQLApp/src/gqls/**/*.graphql"
generates:
apps/myGraphQLApp/src/app/generated/graphql.ts:
浏览 27提问于2020-01-16得票数 1
1回答
当我使用Nuxt3 + Vue阿波罗+ GraphQL，运行yarn build和node .output/server/index.mjs时，会得到以下错误：
Cannot find module '/mnt/d/projects/.output/server/node_modules/graphql/language/printer' imported from /mnt/d/projects/.output/server/chunks/app/server.mjs
Did you mean to import graphql/language/printer.js?
浏览 23提问于2022-05-16得票数 2
此问题从未存在，没有任何条件更改了可能-错误TS2307:找不到模块‘graphql/tsutils/ node_modules/@apollo/federation/dist/composition/utils.d.ts:3:19’或其相应的类型声明。
3导入可能来自‘graphql/tsutils/可能’；
@nestjs/graphql": "^7.3.7",
"apollo-server-express": "^2.13.1",
"graphql": "^15.1.0",
"graphql-
浏览 0提问于2020-06-10得票数 3
我有以下代码： const client: ApolloClient<any> = new ApolloClient({
uri: MY_URI,
}); 我想用TCache类型替换any，正如我删除any时弹出的VSCode工具提示所指示的那样 ? 问题是无法从apollo-client导入TCache import { TCache } from "apollo-client"; // does NOT work 我也克隆了他们的repo，并试图为TCache找到一个定义，但没有。
浏览 26提问于2020-05-30得票数 2
回答已采纳
如何复制：
server.js
const { ApolloServer, makeExecutableSchema, gql } = require('apollo-server');
const typeDefs = gql`
type Mutation {
uploadAvatar(upload: Upload!): String!
}
`;
const resolvers = {
Mutation: {
uploadAvatar(root, args, context, info) {
return 't
浏览 1提问于2018-07-09得票数 4
3回答
我正在构建一个带有类型记录的“Nuxt.js”应用程序。
这是我的代码
<script lang='ts'>
import {Component, Vue} from 'nuxt-property-decorator';
import {LOCATION} from '~/constants/graphql/location';
@Component({
apollo: {
getLocation: {
query: LOCATION,
浏览 0提问于2018-11-06得票数 31
我在节点15和npm 7上注意到，当我从节点14切换时-相同包的重复条目。一个是apollo-server-core，它很好。另一个是node_modules/apollo-server-core，它是在我使用npm 7运行npm install时添加的。还要注意，对于我拥有的每个依赖项，都会创建另一个前缀为node_modules/的条目。这是在npm 7中故意添加的，还是它是一个bug？ 例如： 使用时使用npm 7创建 "node_modules/apollo-server-core": {
"version": "2.19.0
浏览 51提问于2021-01-12得票数 4
阿波罗-数据源-mongodb的类型记录演示不再有效。它生成的错误与我自己的代码生成的错误相同：
-错误
'import("C:/Users/user/Code/development/server/node_modules/mongodb/mongodb").Collection<import("C:/Users/user/Code/development/server/node_modules/bson/bson").Document>‘类型的参数不能分配给'import("C:/Users/user/Code/devel
浏览 6提问于2022-08-17得票数 0
存储库
代码运行，但Eslint类型记录抱怨。
我在以下几个方面都有错误：
Query: {
players: () => players
}
在function.eslint@typescript-eslint/explicit-module-boundary-types上缺少返回类型
index.ts
import { ApolloServer } from 'apollo-server';
import typeDefs from './schema';
import resolvers from './resolve
浏览 6提问于2020-08-08得票数 3
回答已采纳
我有这样的类型
export type Event = {
url: string,
name : string,
}
export type Query = {
events: Event[],
}
我有从graphQL获取的组件
export class ListComponent implements OnInit {
events: Observable<Event[]>;
constructor(private apollo: Apollo) { }
ngOnInit() {
this.events = this.apollo.watchQ
浏览 1提问于2018-05-14得票数 0
在严格模式下使用TS 3.7.2，我有一个从graphql-codegen生成的类型：
type GetTopicFeedbacksCountQuery = { __typename?: 'Query' } & {
topic: Maybe<
| ({ __typename?: 'TopicModelAsMember' } & Pick<TopicModelAsMember, 'id'>)
| ({ __typename?: 'TopicModelAsEditor' } &am
浏览 6提问于2019-11-29得票数 3
回答已采纳
TL;DR，错误：
Step #0: Creating an optimized production build...
Step #0: Failed to compile.
Step #0:
Step #0: Failed to load config "airbnb-typescript" to extend from.
Step #0: Referenced from: /app/.eslintrc.js
我正试图建立一个前端项目与尾风CSS，Craco和React，与码头。我有一个类似的项目运行，只有没有尾风和Craco，但相同的弹性设置，这是没有任何问题。
我在G
浏览 21提问于2021-04-15得票数 3
将apollo-server更新到版本3后，控制台中会显示以下错误 C:\projects\my_project\node_modules\apollo-server-core\src\ApolloServer.ts:554
throw new Error(
^
Error: You must `await server.start()` before calling `server.applyMiddleware()`
at ApolloServer.assertStarted (C:\projects\my_project\node_modul
浏览 90提问于2021-08-01得票数 3
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
腾讯会议
实时音视频活动推荐
腾讯云开发者
