GraphQLの小さなdemoを書きます


GraphQLの小さなdemoを書きます
元のチュートリアル(https://juejin.im/post/5a49e5ccf265da430d585cfd)、本帖は主に出会った穴と一時的な解決方法を記録し、ついでに今後のアップグレードの準備をする.
github倉庫プロジェクトはbabelバージョンを更新し、es 6をコンパイルできます.
元のチュートリアル
元のチュートリアルはとても良くて、私にGraphQLに接触したことがない人が初歩的に1つの小さいdemoを構築することができて、後で更に勉強するのに便利です
くぼみ
Es 6(babelバージョンを変更して解決)
チュートリアルを見ると、まずimportおよびexportのes 6識別問題を処理し、チュートリアルに従ってstartを作成します.jsファイル、babel-polyfillをインストールし、実行中にエラーが発生しました.コマンドラインはError:Cannot find module‘babel-core/register’と報告しました.googleはちょっとしましたが、バージョンの問題かもしれません.@babel-coreをインストールするという話もあります.しかし、結局成功せず、現在は元のチュートリアルのes 6モジュール部分をes 5(import=)require,export="module.exports)と書いている.この2,3日webpackかgulpでコンパイルしましょう.
mongodb
(1)一度プログラムを実行した後、ctrl+cが閉じ、次の再実行時に、DeprescationWarning:current URL string parser is deprecatedエラーを報告し、githubで解決方法を見つけ、mongodbに接続する際に、2番目のパラメータを加える
mongoose.connect(config.dbPath, { useNewUrlParser: true })

(2)mongodbを初めて使用するには、まず自分でコマンドラインを構成して開く必要がある
GraphQL
(1)まずチュートリアルで使われているgraphql-server-koaモジュールについてお話ししますが、今このモジュールが更新されていることに気づきました.今はapollo-server-koaと呼ばれています.元のモジュールは更新を停止しています.新しいツールを見てみると、元のコードとあまり似ていません.だからdemoをするときは交換していません.元のモジュールを使っています.(2)graphiqlインタフェースを構築した後、graphqlクエリー文を実行すると、コマンドラインはTypeError:ID cannot represent value:エラーとなり、クエリーされた_idフィールド値はすべてnullです.クエリー文の中で_idフィールドが削除された後、エラーが消えたのは、どこかでidのクエリーが許可されていないからでしょう.
js
最後にチュートリアルのちょっとした穴ですが、チュートリアルに従うと、フロントエンドjsではajaxのsuccess関数にはresにdataパラメータはなくstudentとcourseパラメータがあるはずです.
その後のアップグレード
(1)es 5="es 6(解決)(2)graphql-server-koa="apollo-server-koa(3)demo="有意義なプログラム(4)フロントエンドにrax(本来はraxを学ぶ)rax-scriptを採用したwebpackパッケージgraphqlエラーが発生し、reactで一時的に学習するしかない
githubアドレス
react_graphQL_demoのbasicsブランチは小さなdemoで、後でアップグレードルートに従ってゆっくりと完備して、rax react+graphqlの入門demoになることを望んでいます.この文章は初心者だけが基礎GraphQLを理解し、一緒に進歩する.
react+apllo-server+prismaの入門記事アドレス:react+apollo+prisma簡単demo構築-1、Frontend開始