Apollo client for angular:从graphql文件生成代码
Apollo client for angular:从graphql文件生成代码
提问于 2020-01-16 20:46:32
我是从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:
plugins:
- "typescript"
- "typescript-operations"
- "typescript-apollo-angular"我有一个包含以下内容的graphql文件apps\myGraphQLApp\src\gqls\myBooks.graphql
query GetMyBooks {
books{
id
name
}
}我正在运行npx graphql-codegen --config codegen.yml，它失败了，错误如下。
√ Parse configuration
> Generate outputs
> Generate apps/myGraphQLApp/src/app/generated/graphql.ts
√ Load GraphQL schemas
√ Load GraphQL documents
× Generate
→ Query root type must be provided.
Found 1 error
× apps/myGraphQLApp/src/app/generated/graphql.ts
Error: Query root type must be provided.
at assertValidSchema (....\node_modules\graphql\type\validate.js:71:11)
...我的graphql服务器绝对公开了一个查询根，我可以用不同的客户机调用它。
schema {
query: MyGraphQLQueryType
}我不确定我做错了什么。任何帮助都将不胜感激。
回答 1
Stack Overflow用户
发布于 2020-01-16 21:22:58
我在1年前用graphql生成器做了一个例子，所以可能在新版本中它已经过时了，但如果想尝试的话，我有
overwrite: true
schema: schema.graphql
documents: src/app/graphql/*.graphql
generates:
./src/app/generated/graphql.ts:
plugins:
- typescript-common
- typescript-client
- typescript-apollo-angular
./schema.json:
plugins:
- introspection我认为你的问题在于你的模式，你应该有这样的东西
type Query {
login(email: String!, password: String!): AuthData!
user: User!
pets(page: Int, name: String, type: String): PetData!
pet(id: ID!): Pet!
}
type Mutation {
createUser(userInput: UserInputData): User!
deletePet(id: ID!): Boolean
}
type User {
id: ID!
name: String!
email: String!
password: String!
status: String!
pets: [Pet!]!
}
type AuthData {
token: String!
userId: String!
}
input UserInputData {
email: String!
name: String!
password: String!
}
type Pet {
id: ID!
name: String!
type: String!
imageUrls: [File!]!
creator: UserPet!
createdAt: String!
updatedAt: String!
}
type PetData {
pets: [Pet!]!
totalPets: Int!
filterData: FilterDataPet!
}
type File {
id: String!
path: String!
filename: String!
mimetype: String!
}
type UserPet {
id: ID!
name: String!
email: String!
pets: [Pet!]!
}
type FilterDataPet {
isFilterData: Boolean!
currentPage: Int!
queryParams: QueryParamsPet
}
type QueryParamsPet {
name: String
type: String
}你可以在这里学习完整的例子https://github.com/anthowm/graphqlpetapi-frontend/blob/master/codegen.yml
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/59770044
复制相关文章
相似问题
腾讯云开发者
