Я новичок в GraphQL и мне нужны ваши экспертные знания !!!Моя проблема в том, что схема недоступна в graphiql.
Мое дерево каталогов моего проекта:
И кодмои файлы:
index.js
import express from "express";
import morgan from "morgan";
import config from "./config";
const app = express();
//Settings
//Middleware
app.use(morgan("dev"));
app.use(express.json());
//Routes
app.use(require("./routes/graphql.routes"));
//Starting server
app.listen(process.env.PORT || config.server.port, () => {
console.log(config.server.name + " is listening on port " + config.server.port);
})
graphql.routes.js
import express from "express";
import GraphHTTP from "express-graphql";
import {PlayerModel} from "../models/player.model";
import {Schema} from "../schemas/schema";
const router = express.Router();
router.get("/graphiql", GraphHTTP({
schema: Schema,
pretty: true,
graphiql: true
}));
module.exports = router;
player.model.js
import {DB} from "../db";
import Sequelize from "sequelize";
const PlayerModel = DB.db.define("tbl003_player", {
id: {
type: Sequelize.INTEGER,
primaryKey: true,
autoIncrement: true,
notNull: true
},
name: {
type: Sequelize.STRING,
notNull: true,
notEmpty: true
},
name_url: {
type: Sequelize.STRING,
notNull: true,
notEmpty: true
},
language: {
type: Sequelize.STRING,
notNull: true,
notEmpty: true,
isIn: {
args: [["sp", "en"]],
msg: "Must be 'sp' or 'en'",
}
},
twitter: {
type: Sequelize.STRING,
notEmpty: false
},
height: {
type: Sequelize.FLOAT,
isDecimal: true,
notEmpty: false
},
date_insert: {
type: Sequelize.DATE,
notNull: true,
}
},{
getterMethods: {
getID(){
return this.id
},
getName(){
return this.name
},
getNameURL(){
return this.name_url
},
getLanguage(){
return this.language
},
getTwitter(){
return this.twitter
},
getHeight(){
return this.height
},
getDateInsert(){
return this.date_insert
}
},
setterMethods: {
setName(value){
this.setDataValue("name", value);
},
setNameURL(value){
this.setDataValue("name_url", value);
},
setLanguage(value){
this.setDataValue("language", value);
},
setTwitter(value){
this.setDataValue("twitter", value);
},
setHeight(value){
this.setDataValue("height", value);
},
setDataInsert(){
let date = new Date("now");
this.setDataValue("date_insert", date);
}
}
}
);
module.exports.PlayerModel = PlayerModel;
player.schema.js
import {
GraphQLObjectType,
GraphQLNonNull,
GraphQLID,
GraphQLString,
GraphQLFloat,
GraphQLList
} from "graphql";
import {DateTime} from "../scalar/dateTime";
const Player = new GraphQLObjectType({
name: "Player",
description: "Player of basketball",
fields: () => {
return {
id: {
type: new GraphQLNonNull(GraphQLID),
resolve(player){
return player.id
}
},
name: {
type: new GraphQLNonNull(GraphQLString),
resolve(player){
return player.name
}
},
name_url: {
type: new GraphQLNonNull(GraphQLString),
resolve(player){
return player.name_url
}
},
language: {
type: new GraphQLNonNull(GraphQLString),
resolve(player){
return player.language
}
},
twitter: {
type: GraphQLString,
resolve(player){
return player.twitter
}
},
height: {
type: GraphQLFloat,
resolve(player){
return player.height
}
},
date_insert: {
type: new GraphQLNonNull(DateTime),
resolve(player){
return player.date_insert
}
}
}
}
});
module.exports.Player = Player;
schema.js
import {
GraphQLObjectType,
GraphQLNonNull,
GraphQLID,
GraphQLInt,
GraphQLString,
GraphQLFloat,
GraphQLList,
GraphQLSchema
} from "graphql";
import { DB } from "../db";
import {Player} from "./player.schema";
const Query = new GraphQLObjectType({
name: "Query",
description: "This is root query",
fields: () => {
return {
players: {
type: GraphQLList(Player),
args: {
id: {
type: GraphQLID
}
},
resolve(root, args){
return DB.db.models.tbl003_player.findAll({where: args});
}
},
}
}
});
const Schema = new GraphQLSchema({
query: Query
});
module.exports.Schema = Schema;
Я полностью потерян из-за этой ошибки.Я не знаю, как это происходит, потому что я думаю, что звоню прямо на каждый модуль.Итак, что я делаю не так?
Когда я звоню на http://localhost:3000/graphiql У меня есть это:
Что я делаю неправильно?
Редактировать I:
Я проверил это в хромированной консоли при загрузке страницы, которую я получил:
И модуль morgan говорит мне в консоли ...
GET /graphiql 200 0.886 ms - 3868
POST /graphiql? 404 0.664 ms - 148
POST /graphiql? 404 2.034 ms - 148
Почему / graphiql обнаруживается, когда я запрашиваю страницу, но не обнаруживается с помощью POST?Я ничего не понимаю: (