質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう!

新規登録して質問してみよう
ただいま回答率
87.20%
Contentful

Contentfulは、グラフィカルなUIを提供しないAPIベースのヘッドレスCMSです。従来のCMSと異なり、ディスクトップやモバイルを始めとするさまざまなプラットフォームへのコンテンツ配信が可能なAPIが用意されています。

Gatsby

Gatsbyとは、Reactベースの静的サイトジェネレータ。最新のフロントエンド技術を活かし、機能豊富なWebサイトやアプリケーションを作ることが可能です。GraphQLを用いてあらゆるソースからサイトのデータを取得。指定した設定に基づいて静的サイトを構築することができます。

Node.js

Node.jsとはGoogleのV8 JavaScriptエンジンを使用しているサーバーサイドのイベント駆動型プログラムです。

JavaScript

JavaScriptは、プログラミング言語のひとつです。ネットスケープコミュニケーションズで開発されました。 開発当初はLiveScriptと呼ばれていましたが、業務提携していたサン・マイクロシステムズが開発したJavaが脚光を浴びていたことから、JavaScriptと改名されました。 動きのあるWebページを作ることを目的に開発されたもので、主要なWebブラウザのほとんどに搭載されています。

受付中

gatsby jsでキャッシュ周りのエラーの対処法

sequelanonymous
sequelanonymous

総合スコア0

Contentful

Contentfulは、グラフィカルなUIを提供しないAPIベースのヘッドレスCMSです。従来のCMSと異なり、ディスクトップやモバイルを始めとするさまざまなプラットフォームへのコンテンツ配信が可能なAPIが用意されています。

Gatsby

Gatsbyとは、Reactベースの静的サイトジェネレータ。最新のフロントエンド技術を活かし、機能豊富なWebサイトやアプリケーションを作ることが可能です。GraphQLを用いてあらゆるソースからサイトのデータを取得。指定した設定に基づいて静的サイトを構築することができます。

Node.js

Node.jsとはGoogleのV8 JavaScriptエンジンを使用しているサーバーサイドのイベント駆動型プログラムです。

JavaScript

JavaScriptは、プログラミング言語のひとつです。ネットスケープコミュニケーションズで開発されました。 開発当初はLiveScriptと呼ばれていましたが、業務提携していたサン・マイクロシステムズが開発したJavaが脚光を浴びていたことから、JavaScriptと改名されました。 動きのあるWebページを作ることを目的に開発されたもので、主要なWebブラウザのほとんどに搭載されています。

0回答

0評価

0クリップ

24閲覧

投稿2022/01/14 14:22

このURLの通りにサンプルブログをつくろうとしていますが、下記のようなエラーがでてしまいます。

gatsby cleanをやったり、違うversionにしてみたり、npm install --save core-js@3を実行してみたりしていますが、かわらず、エラーが解消されません。解決方法についてなにかご存知のかたいましたらご教示いただけませんでしょうか?

$ gatsby -v Gatsby CLI version: 4.4.0 Gatsby version: 2.32.13 $ node -v v15.12.0

console

~/gatsbyjs-and-contentful (master) $ gatsby develop ... ... success building schema - 0.765s ERROR #85923 GRAPHQL There was an error in your GraphQL query: Cannot query field "allContentfulBlogPost" on type "Query". If you don't expect "allContentfulBlogPost" to exist on the type "Query" it is most likely a typo. However, if you expect "allContentfulBlogPost" to exist there are a couple of solutions to common problems: - If you added a new data source and/or changed something inside gatsby-node.js/gatsby-config.js, please try a restart of your development server - The field might be accessible in another subfield, please try your query in GraphiQL and use the GraphiQL explorer to see which fields you can query and what shape they have - You want to optionally use your field "allContentfulBlogPost" and right now it is not used anywhere. Therefore Gatsby can't infer the type and add it to the GraphQL schema. A quick fix is to add at least one entry with that field ("dummy content") It is recommended to explicitly type your GraphQL schema if you want to use optional fields. This way you don't have to add the mentioned "dummy content". Visit our docs to learn how you can define the schema for "Query": https://www.gatsbyjs.org/docs/schema-customization/#creating-type-definitions File: gatsby-node.js:7:10 [ GraphQLError: Cannot query field "allContentfulBlogPost" on type "Query". Did you mean "allContentfulBlog", "allContentfulAsset", "contentfulBlog", "contentfulAsset", or "allContentfulContentType"? at Object.Field (/Users/xxxx/gatsbyjs-and-contentful/node_modules/graphql/validation/rules/FieldsOnCorrectType.js:53:31) at Object.enter (/Users/xxxx/gatsbyjs-and-contentful/node_modules/graphql/language/visitor.js:324:29) at Object.enter (/Users/xxxx/gatsbyjs-and-contentful/node_modules/graphql/language/visitor.js:375:25) at visit (/Users/xxxx/gatsbyjs-and-contentful/node_modules/graphql/language/visitor.js:242:26) at validate (/Users/xxxx/gatsbyjs-and-contentful/node_modules/graphql/validation/validate.js:73:24) at GraphQLRunner.validate (/Users/xxxx/gatsbyjs-and-contentful/node_modules/gatsby/src/query/graphql-runner.ts:98:22) at GraphQLRunner.query (/Users/xxxx/gatsbyjs-and-contentful/node_modules/gatsby/src/query/graphql-runner.ts:162:25) at /Users/xxxx/gatsbyjs-and-contentful/node_modules/gatsby/src/bootstrap/create-graphql-runner.ts:59:8 at /Users/xxxx/gatsbyjs-and-contentful/gatsby-node.js:10:7 at Promise._execute (/Users/xxxx/gatsbyjs-and-contentful/node_modules/bluebird/js/release/debuggability.js:384:9) at Promise._resolveFromExecutor (/Users/xxxx/gatsbyjs-and-contentful/node_modules/bluebird/js/release/promise.js:518:18) at new Promise (/Users/xxxx/gatsbyjs-and-contentful/node_modules/bluebird/js/release/promise.js:103:10) at Object.exports.createPages (/Users/xxxx/gatsbyjs-and-contentful/gatsby-node.js:7:10) at runAPI (/Users/xxxx/gatsbyjs-and-contentful/node_modules/gatsby/src/utils/api-runner-node.js:485:22) at Promise.catch.decorateEvent.pluginName (/Users/xxxx/gatsbyjs-and-contentful/node_modules/gatsby/src/utils/api-runner-node.js:636:13) at Promise._execute (/Users/xxxx/gatsbyjs-and-contentful/node_modules/bluebird/js/release/debuggability.js:384:9) { locations: [ [Object] ] } ] ERROR (node:36842) Warning: a promise was rejected with a non-error: [object Array] (Use `node --trace-warnings ...` to show where the warning was created) ERROR #11321 PLUGIN "gatsby-node.js" threw an error while running the createPages lifecycle: Cannot read property 'allContentfulBlogPost' of undefined 27 | } 28 | > 29 | const posts = result.data.allContentfulBlogPost.edges | ^ 30 | posts.forEach((post, index) => { 31 | createPage({ 32 | path: `/blog/${post.node.slug}/`, File: gatsby-node.js:29:35 ... ... ... File: src/templates/blog-post.js:56:5 failed extract queries from components - 1.151s success write out requires - 0.016s success run page queries - 0.063s - 1/1 15.86/s ERROR #98124 WEBPACK Generating development JavaScript bundle failed Can't resolve 'core-js/modules/web.dom.iterable.js' in '/Users/xxxx/gatsbyjs-and-contentful/.cache' If you're trying to use a package make sure that 'core-js/modules/web.dom.iterable.js' is installed. If you're trying to use a local file make sure that the path is correct. File: .cache/app.js ERROR #98124 WEBPACK Generating development JavaScript bundle failed Can't resolve 'core-js/modules/web.dom.iterable.js' in '/Users/xxxx/gatsbyjs-and-contentful/.cache' If you're trying to use a package make sure that 'core-js/modules/web.dom.iterable.js' is installed. If you're trying to use a local file make sure that the path is correct. File: .cache/dev-loader.js ERROR #98124 WEBPACK Generating development JavaScript bundle failed Can't resolve 'core-js/modules/web.dom.iterable.js' in '/Users/xxxx/gatsbyjs-and-contentful/.cache' If you're trying to use a package make sure that 'core-js/modules/web.dom.iterable.js' is installed. If you're trying to use a local file make sure that the path is correct. File: .cache/loader.js ERROR #98124 WEBPACK Generating development JavaScript bundle failed Can't resolve 'core-js/modules/web.dom.iterable.js' in '/Users/xxxx/gatsbyjs-and-contentful/.cache' If you're trying to use a package make sure that 'core-js/modules/web.dom.iterable.js' is installed. If you're trying to use a local file make sure that the path is correct. File: .cache/find-path.js ERROR #98124 WEBPACK Generating development JavaScript bundle failed Can't resolve 'core-js/modules/web.dom.iterable.js' in '/Users/xxxx/gatsbyjs-and-contentful/.cache' If you're trying to use a package make sure that 'core-js/modules/web.dom.iterable.js' is installed. If you're trying to use a local file make sure that the path is correct. File: .cache/navigation.js failed Building development bundle - 12.307s

良い質問の評価を上げる

以下のような質問は評価を上げましょう

  • 質問内容が明確
  • 自分も答えを知りたい
  • 質問者以外のユーザにも役立つ

評価が高い質問は、TOPページの「注目」タブのフィードに表示されやすくなります。

気になる質問をクリップする

クリップした質問は、後からいつでもマイページで確認できます。

またクリップした質問に回答があった際、通知やメールを受け取ることができます。

teratailでは下記のような質問を「具体的に困っていることがない質問」、「サイトポリシーに違反する質問」と定義し、推奨していません。

  • プログラミングに関係のない質問
  • やってほしいことだけを記載した丸投げの質問
  • 問題・課題が含まれていない質問
  • 意図的に内容が抹消された質問
  • 過去に投稿した質問と同じ内容の質問
  • 広告と受け取られるような投稿

評価を下げると、トップページの「アクティブ」「注目」タブのフィードに表示されにくくなります。

まだ回答がついていません

会員登録して回答してみよう

15分調べてもわからないことは
teratailで質問しよう!

ただいまの回答率
87.20%

質問をまとめることで
思考を整理して素早く解決

テンプレート機能で
簡単に質問をまとめる

質問する

関連した質問

同じタグがついた質問を見る

Contentful

Contentfulは、グラフィカルなUIを提供しないAPIベースのヘッドレスCMSです。従来のCMSと異なり、ディスクトップやモバイルを始めとするさまざまなプラットフォームへのコンテンツ配信が可能なAPIが用意されています。

Gatsby

Gatsbyとは、Reactベースの静的サイトジェネレータ。最新のフロントエンド技術を活かし、機能豊富なWebサイトやアプリケーションを作ることが可能です。GraphQLを用いてあらゆるソースからサイトのデータを取得。指定した設定に基づいて静的サイトを構築することができます。

Node.js

Node.jsとはGoogleのV8 JavaScriptエンジンを使用しているサーバーサイドのイベント駆動型プログラムです。

JavaScript

JavaScriptは、プログラミング言語のひとつです。ネットスケープコミュニケーションズで開発されました。 開発当初はLiveScriptと呼ばれていましたが、業務提携していたサン・マイクロシステムズが開発したJavaが脚光を浴びていたことから、JavaScriptと改名されました。 動きのあるWebページを作ることを目的に開発されたもので、主要なWebブラウザのほとんどに搭載されています。