Gatsby: /のリソースが不足しています

https://github.com/gatsbyjs/gatsby/issues/11453に関連している可能性があり

たぶん、ここには404のものは含まれていませんが。

申し訳ありませんが、 @ Jivings

可能であれば最小限の複製にリンクしていただけませんか？

ローカルで再現できませんでした🙁他に入手できる情報はありますか、それとも歩哨レポートはまったく役に立ちますか？ どのような状況でこれが発生し、それを絞り込むことができるでしょうか？

私もこれを見ていますが、展開した後、ローカルで再現することはできません。

Uncaught Error: Missing resources for /store/
    at t.n.render (ensure-resources.js:135)
    at Xo (react-dom.production.min.js:156)
    at Qo (react-dom.production.min.js:155)
    at ti (react-dom.production.min.js:162)
    at Oi (react-dom.production.min.js:192)
    at ji (react-dom.production.min.js:193)
    at fa (react-dom.production.min.js:205)
    at sa (react-dom.production.min.js:204)
    at Mi (react-dom.production.min.js:200)
    at ya (react-dom.production.min.js:218)

コードからThemeProvider（styled-components）を削除しようとしたブランチでのみこのエラーが発生することに気付きました。パッケージが追加/更新/削除されていないため、ファイル構造が混乱していると推測しています。 原因を特定できれば更新されますが、あまり多くはありません。

私はここで同じ問題を抱えています...最初に、私の英語を申し訳ありません、私はスペイン語を話します¯_（ツ）_ /¯

Error: Missing resources for /...
    at t.n.render (ensure-resources.js:135)
    at Ri (react-dom.production.min.js:169)
    at Ci (react-dom.production.min.js:168)
    at Li (react-dom.production.min.js:176)
    at Ba (react-dom.production.min.js:221)
    at Ha (react-dom.production.min.js:222)
    at Pl (react-dom.production.min.js:238)
    at Tl (react-dom.production.min.js:237)
    at wl (react-dom.production.min.js:234)
    at Qa (react-dom.production.min.js:232)

まず、少しコンテキストがありますが、 windowを使用していたカルーセルパッケージTiny Sliderに関連する問題があったため、SSRが実装されたさまざまなカルーセルを検索し、 react-response-carouselを見つけました。 私は必要なものでうまく機能しますが、 developです。

上記のエラーは、2つの関連するシナリオで発生します。

シナリオ1
スライドのスタイルを設定するためにstyled-componentsを使用していますが、ミックスインを追加するとビルドが壊れました。 gatsby-plugin-styled-componentsを追加すると問題が解決することがわかりました。 動作しますが...シナリオ2が発生しました

シナリオ2
これでビルドが機能し、スタイル付きのページを表示できます。 しかし、私のカルーセルは機能しません、それは何もしません!!! 😱...スタイルは素晴らしいですが...😅
だから私はgatsby-plugin-styled-componentsを削除するだけで、スクリプトは再び機能しましたが、私のスタイルは機能しませんでした🙃

これが問題を見つけて解決するためのいくつかのヒントを与えることを願っています

こんにちは、みんな。

これが役立つかどうかはわかりませんが、同様の問題がありました。不足しているリソースは、firebaseの不足している（本番）環境変数でした。 これは私のイメージに影響を与えているように見えました-これはビルドステップに影響を与えたに違いありません

必要に応じてより多くの情報を提供できます...

@Jivingsはgatsbyとgatsby-plugin-offlineパッケージを更新できますか？ これは、新しいビルドを作成したが、以前のリソースが使用できなくなった場合に発生します（したがって、オフラインプラグインによってキャッシュされたhtmlは、使用できないリソースを使用しようとします）。 新しいgatsby /オフラインパッケージバージョンでは、サイトを使用できない状態のままにしないように、ServiceWorkerの更新後にリロードを追加しました

私の場合、インポートをimport { Link } from './'からimport { Link } from './Link' （ファイル/components/footer.js ）に変更しましたが、「/のリソースがありません」というエラーが修正されました。 それは循環依存だったと思います。 しかし、それがあなたを修正するかどうかはわかりません
編集：エラーが定期的に発生する場合は、上記の@piehの解決策がそれを修正する可能性が高いと思います。

これらのエラーが発生しますが、IE11でのみ発生します。 私が知る限り、どのリソースが1つのブラウザーでのみ発生しているため、どのリソースが失敗しているかは正確にはわかりませんが、react-domにいくつかのエラーがあります（下のスクリーンショットを参照）。 Gatsbyのすべての依存関係を最新バージョンに更新し、Symbolや最新のもので窒息した場合に備えてポリフィルを追加しましたが、それでもエラーが発生します。 IE11でも画像の読み込みに問題があります。＃4021で説明したように思います。 すべての画像とオフラインプラグインを削除すると、ページの読み込み時にエラーは発生しませんが、画像が含まれていない場合でも、他のページに移動するとエラーが発生します。 一部のJSがロードに失敗したようで、IEはおそらく代わりにHTML404ページを表示します。 ですから、ここでは間違いなく奇妙なことが起こっています。

さまざまなデバイスで修正をテストするために、Netlifyにデプロイされた開発ブランチで作業しています。
テストする場合の最新のデバッグビルドは次のとおりです： https ：
これが私のライブサイトです。IE11のすべての問題がまだ残っています： https ：//marcysutton.com
そして、これが私のサイトのソースです： https ：

これが私のVMからのスクリーンショットです：

@marcysuttonこれで何か前進しましたか？ IE11でのみ同じことがわかります。 他のブラウザでは問題ありません。

未だに！ @sidharthachatterjeeまたは@pieh 、これはデバッグするのに十分な情報ですか？ 現時点でIE11のかなりのブロッキングの問題。

@Undistractionいくつかの良いニュースがあります。チームはこの問題のデバッグを手伝ってくれました。彼らは、IE11がプラグイン（ gatsby-background-image ）のコンパイルされていない矢印関数で問題を抱えていると指摘しました。 彼らはこれを説明するためにGatsbyコアへの変更について話し合っていますが、それまでの間、問題を引き起こしているプラ​​グインをコンパイルすることでそれを回避できるはずです： https ：

これが私のサイトで使用した場所です： https ：

それでも問題が解決しない場合はお知らせください。

ここでも同じ問題があります。これは、私が数日間アクセスしていないWebサイト（Gatsby Webサイトも）で定期的に見られます。 IE11ではなくChromeです。 空白のページが数秒続くと、更新が行われ、その後すべてが再び機能します。

1つの例のバージョン：
gatsby ： 2.0.118
gatsby-plugin-offline ： 2.0.23

IE（エッジモード）でこのエラーが発生します。

1行目のchar195183のファイルreact-dom.production.min.jsを指しています。

IEでエラーをクリックすると、次のコードが示されます。

if(pi)throw a=qi,qi=null,pi=!1,a;}

@marcysutton更新していただきありがとうございます。 私はあなたのコンソールでその構文エラーを見つけていませんでした。 私たちにとって、エラーはまったくありません。 IE11ではページナビゲーションが完全に壊れており、ページがハイドレイトされません。 ページを更新すると、リソースが不足しているというエラーが発生します。 何もすることがないので、IE11のサポートをやめなければなりませんでした。 他のブラウザでは問題ありません。 私の勘では、これはポリフィルの問題ですが、エラーはどこかに飲み込まれていますが、それは単なる推測です。 コンソールでエラーなしにページハイドレーションがクラッシュする方法がわかりません。

（最初の）ロードでこのエラーが発生します。 リロード後にクリアするようです。 本番/ Firebaseホスティング。
Error: Missing resources for /

@rkhayat URLにリンクするか、それでも複製を提供できますか？

ありがとう！

FWIWこの問題の経験をhttps://github.com/gatsbyjs/gatsby/issues/12399に書きました。 Missing resources for /エラーが発生した場合に役立つ可能性があります。

同様の問題が発生していました。サイトを正常にナビゲートできましたが、どのページでも、更新するとページが空白になり、 Error: Missing resources for /<path>ます。 ハードリフレッシュまたはキャッシュのクリアはページをリロードしますが、通常のリフレッシュでは空白のページが表示されます。

gatsby serverでこれをローカルで再現できないため、CDNの問題であると思われたため、CloudFrontディストリビューションのルートディレクトリを無効にしました。これでこの問題は解決したようです。 何が起こっているのかまだ正確にはわかりませんが、一部の参照が古くなったのではないかと思われます。 これが他の誰かに役立つことを願っています。

ひや！

この問題は静かになりました。 不気味な静か。 👻

多くの問題が発生しているため、現在、30日間使用されなかった後に問題をクローズしています。 ここでの最後の更新から少なくとも20日が経過しています。

この問題を見逃した場合、または開いたままにしておきたい場合は、ここに返信してください。 この問題を開いたままにするために、「古くない」というラベルを追加することもできます。

Gatsbyコミュニティに参加していただきありがとうございます。 💪💜

@ gatsbyjs-読み取り専用-ユーザー古くない😬

@Undistractionいくつかの良いニュースがあります。チームはこの問題のデバッグを手伝ってくれました。彼らは、IE11がプラグイン（ gatsby-background-image ）のコンパイルされていない矢印関数で問題を抱えていると指摘しました。 彼らはこれを説明するためにGatsbyコアへの変更について話し合っていますが、それまでの間、問題を引き起こしているプラ​​グインをコンパイルすることでそれを回避できるはずです： https ：

これが私のサイトで使用した場所です： https ：

それでも問題が解決しない場合はお知らせください。

@marcysuttonコンパイルされていない矢印関数を含むプラグイン/モジュールをどのように識別しましたか？

@onetwothreebutterは、コンパイルされたJavaScriptファイルを=>を検索します。 IEではどこから来たのか簡単にはわからなかったので、「Ctrl + F」で手動で検索しました。

これは時間の経過とともにコアが改善されるはずですが、それがその間に確認できる方法です！

この問題は、IEだけでなく、ギャツビーのService Workerを使用することで引き起こされるようで、すべてのブラウザーとバージョンで引き続き発生することを付け加えておきます。 関連：＃12399

私も同じ問題に直面しました。

• Service Workerが有効になっている場合、ページを更新すると上記のエラーが発生します。 この問題は主にChromeで発生していました。 Edgeブラウザーは正常に動作しているようです（おそらく、Service Workerがそこで機能しないためです）
• Service Workerを削除してプラグインgatsby-plugin-remove-serviceworkerを使用すると、この問題は解消されます
  使用した解像度：
• ただし、サーバーワーカーを機能させることの重要性を考えると、プラグインgatsby-plugin-remove-trailing-slashesをPWAプラグインgatsby-plugin-offlineと組み合わせて試してみたところ、これで問題が解決したようです。

このエラーが発生し、ServiceWorkerを使用していません。
ページが特定のバージョンのサイトで読み込まれ、デプロイが実行されてアセット名が変更され、開いたバージョンで見つからない場合に発生する可能性があると考えていました。
また、Sentryでエラーが発生したバージョンは、エラーの時点で有効だったバージョンではありません。

@antoinerousseauええ、それを修正しようと数回試みた後でも、SWがなくても取得できます。 いくつかのGatsbyプラグインを最近のバージョンにアップグレードしたところ、エラーの数は減りましたが、0にはなりませんでした（偶然かもしれませんが）

@KyleAMathewsこれを見たことがありますか、それとも何か情報がありますか？

@jackhair複製なしで何が起こっているのかを知るのは難しいです。 http://gatsby.dev/reproduction

回避策： https ：

@smakosh私はサービスワーカーを使用していません。

オフラインプラグインはそれを使用しています

わかりましたが、私が言いたいのは、そのプラグインがなくてもバグが発生するということです。

SWの登録を以前に使用したことがあるので、正常に登録解除したことを確認できますか。 public .cacheフォルダーと

そのプロジェクトでSWを使用したことはありません。 （念のためチェックしました）
publicと.cacheは常にNetlifyによって再作成されます。
Sentryによる本番環境でエラーが報告されています。
https://sentry.io/share/issue/738b234836814442b7702866c6814fdf/

あなたのプロジェクトはオープンソースですか？ もしそうなら、あなたは以下にリンクできますか、私はそれをチェックして、私がそれを修正する方法を見てみたいです

申し訳ありませんが、そうではありませんが、基本的にはNetlifyが提供するGatsbyサイトです...

  "dependencies": {
    "@sentry/browser": "^5.1.1",
    "@types/algoliasearch": "^3.30.8",
    "@types/dotenv": "^6.1.0",
    "@types/he": "^1.1.0",
    "@types/jump.js": "^1.0.2",
    "@types/node": "^11.13.7",
    "@types/node-fetch": "^2.3.3",
    "@types/react": "^16.8.14",
    "@types/react-dom": "^16.8.4",
    "@types/source-map-support": "^0.5.0",
    "@types/standard-http-error": "^2.0.0",
    "@types/styled-components": "^4.1.14",
    "algoliasearch": "^3.32.0",
    "aws-sdk": "^2.443.0",
    "babel-plugin-styled-components": "^1.10.0",
    "date-fns": "^2.0.0-alpha.27",
    "gatsby": "^2.3.31",
    "gatsby-image": "^2.0.40",
    "gatsby-plugin-google-analytics": "^2.0.18",
    "gatsby-plugin-manifest": "^2.0.29",
    "gatsby-plugin-netlify": "^2.0.15",
    "gatsby-plugin-offline": "^2.0.24",
    "gatsby-plugin-react-helmet": "^3.0.12",
    "gatsby-plugin-sharp": "^2.0.35",
    "gatsby-plugin-styled-components": "^3.0.6",
    "gatsby-plugin-typescript": "^2.0.13",
    "gatsby-source-filesystem": "^2.0.32",
    "gatsby-transformer-sharp": "^2.1.18",
    "he": "^1.2.0",
    "hyphenslug": "^1.0.0",
    "intersection-observer": "^0.6.0",
    "jump.js": "^1.0.2",
    "mkdirp2": "^1.0.4",
    "mustache": "^3.0.1",
    "node-fetch": "^2.3.0",
    "nodemailer": "^6.1.1",
    "prop-types": "^15.7.2",
    "react": "^16.8.3",
    "react-dom": "^16.8.3",
    "react-helmet": "^5.2.0",
    "sitemap": "^2.1.0",
    "source-map-support": "^0.5.12",
    "standard-http-error": "^2.0.1",
    "strip": "^3.0.0",
    "styled-components": "^4.1.3",
    "ts-node": "^8.1.0",
    "typescript": "^3.4.5",
    "whatwg-fetch": "^3.0.0"
  },

オフラインプラグインがインストールされているのを見ていますが、gatsby-configファイルに含まれていないことを確認できますか？

はい申し訳ありませんが、使用されていません。これが私のGatsby設定です。

module.exports = {
  siteMetadata: {/*...*/},
  plugins: [
    `gatsby-plugin-typescript`,
    `gatsby-plugin-styled-components`,
    `gatsby-plugin-react-helmet`,
    {
      resolve: `gatsby-source-filesystem`,
      options: {
        name: `images`,
        path: `${__dirname}/src/images`,
      },
    },
    {
      resolve: `gatsby-plugin-sharp`,
      options: {
        defaultQuality: 80,
      },
    },
    `gatsby-transformer-sharp`,
    {
      resolve: `gatsby-plugin-manifest`,
      options: {
        name: `Le Bikini`,
        short_name: `Le Bikini`,
        start_url: `/`,
        background_color: `#000000`,
        theme_color: `#000000`,
        display: `minimal-ui`,
        icon: `src/images/favicon.png`,
      },
    },
    `gatsby-plugin-netlify`,
    {
      resolve: `gatsby-plugin-google-analytics`,
      options: {
        trackingId: process.env.GOOGLE_ANALYTICS,
        head: false,
        anonymize: true,
        respectDNT: true,
      },
    },

    // this (optional) plugin enables Progressive Web App + Offline functionality
    // 'gatsby-plugin-offline',
    // To learn more, visit: https://gatsby.app/offline
  ],
}

そして、 https：//lebikini.netlify.comでライブで見ることができ

デバッグするためにもっとチェックする必要があるので、複製リポジトリなしでは仕方がありません

注意してください@antoinerousseau
プラグインのドキュメントによると、 gatsby-plugin-netlifyプラグインはプラグイン配列の最後である必要があります
https://www.npmjs.com/package/gatsby-plugin-netlify

@abumalick @antoinerousseau gatsby-plugin-netlifyをプラグイン配列の最後に移動しましたが、何も変更されていません。

おそらくこれはそれと関係があるのでしょうか？ https://github.com/gatsbyjs/gatsby/issues/11982

私が自分で問題に遭遇したときはいつでも（偶然）、ページに関係する何らかのエラーが常にあります-マニフェストがありません。

ここでは、関連する問題ですべての場合に機能する唯一の修正の概要を説明しました： https ：

私も同じ問題を抱えていました。 私の場合は@ efd1と同じimport { Module } from "."形式でのインポートが私の本番ビルドを壊していました（開発は問題なく機能していました）。 残念ながら、デバッグして見つけるのは簡単ではありませんでした。

上記の提案は私にはうまくいかないようです。 これはiOSユーザーにのみ表示され、散発的にしか表示されません。 私はそれを複製することができないようであり、したがって何が悪いのかを理解するのは難しいです。 根本的な問題が何であるかを理解する方法に関するヒントはありますか？

上記のカイルの声明を反映するには、再現可能なデモサイトが必要です。 http://gatsby.dev/reproduction

複製なしで何が起こっているのかを知るのは難しいです。 http://gatsby.dev/reproduction

@KyleAMathews正直なところ、これはNetlifyにデプロイされた複数ページのすべてのGatsbyサイトで発生すると思います。 セントリーを1つに投げて、自分の目で確かめてください。

たとえば、すべてのGatsbyプロジェクトがNetlifyにデプロイされており、（過去2か月間）エラーが発生したことがないため、このステートメントは少し時期尚早だと思います。 複製は確かに本当に役に立ちます。

@LekoArts @marcysuttonSentryトレースはまだここで公開さ

それはまったく役に立ちますか？

エラーは私の生産現場で約1日に1回発生します。

たとえば、すべてのGatsbyプロジェクトがNetlifyにデプロイされており、（過去2か月間）エラーが発生したことがないため、このステートメントは少し時期尚早だと思います。 複製は確かに本当に役に立ちます。

@lekoartsセントリーのセットアップはありますか？ どのくらいのトラフィック？

エラーは私の生産現場で約1日に1回発生します。

@Jivingsトラフィック量は？ 私は頻度のアイデアを得ようとしています。

私が維持している1つのWebサイトで、3月1日以降に16万ページビュー（47kセッション）でこのエラーの541インスタンスを検出したことがわかります。 これは、ページビューが動作をトリガーする可能性が0.3％、またはセッションがそれを経験する可能性が1.2％です。 複製に関する限り、それほど大きくはありません。 これを突き止めるには、昔ながらのトレース、調査、その他のデバッグが必要になる可能性があります。

これはモバイルデバイスでより一般的ですが、訪問の多くはモバイルからのものであり、デスクトップでも発生します。 メーカー/モデル/ブラウザは無関係のようです。 価値があるのは、これはストリーミングオーディオプラットフォームであるため、マーケティングに重点を置いているWebサイトや、大量の出入りトラフィックが見られるWebサイトよりもセッション時間がはるかに長くなる傾向があります。

Sentryを使用せずに本番環境でこのエラーが発生した人はいますか？ Honeybadger、Raygun、Rollbar、Airbrakeなどを使用している人はいますか？

@coreywardRaygunでも断続的に見ています。 これは1つの特定のページにのみ表示され、MobileSafariとChromeにのみ影響します。

@coreyward Bugsnagを使用しており、先月は約4.8k回見ました。

@coreyward多分これは役に立ちます：

（https://github.com/gatsbyjs/gatsby/issues/12399#issuecomment-480082161から）

Bugsnagを使用しており、トラフィックの約1％でこれが表示されています。 ブラウザは、全体的なトラフィック分布とほぼ一致しているようで、明確なパターンは見られません。

@coreywardトラフィックの約1％に影響を与えているようです。

@KyleAMathewsねえ、本番のGatsbyJSWebサイトでこのエラーが発生しました。 数回更新した後、問題は解決しました。

オフラインプラグインを使用し、Azure BLOBストレージとCDNにデプロイすると、この問題が発生します。 Service Worker jsはCDNからサービスを受けてはならず、サーバードメインから直接アクセスする必要があると読んでいました。 それが根本的な原因かもしれません。

オフラインプラグインとサービスワーカーをghpagesで有効にしてデプロイされたers-hcl.github.ioがあります。この問題に直面したことはありません。これは、オフラインプラグインのCDN処理に関連する問題に関して私の以前のコメントを示している可能性があります。

この問題はオフラインプラグインとは何の関係もありません。 また、オフラインプラグインを使用している場合は、SWを更新するために新しいコンテンツが利用可能であることをユーザーにリロードまたはプッシュ通知を表示してください。

@smakoshオフラインプラグインを無効にするたびに、この問題は解消されます。

私たちはそれを見ていて、オフラインプラグインを使用していません。

• 私は間違っているかもしれません-ファイルensure-resources.js 1つの観察結果は、このエラーをスローするコンポーネントですが、念のために言及することを考えました。
• ensure-resources.jsのコードを見ると、81行目でwindow.locationを使用しているようですが、このコンポーネントで使用されているプロパティlocationあります。他の場所。

私たちの特定の状況が他の多くの人々に役立つとは思えませんが、念のためここで共有したいと思います。

これは、CORSの問題が原因でDataCamp.comに影響を及ぼしていました。 Cloudfrontを介して提供されるS3でアセットプレフィックスとホスティングアセットを使用しています。 アセットプレフィックスを使用した最初のデプロイ中に、ドメインからアセットへのアクセスを許可するためにS3でCORSヘッダーを設定するのを忘れました（おっと）。 1、2分後にCORSヘッダーを更新しましたが、アセットが既に呼び出されているエッジノードは、アセットコンテンツだけでなく、CORSヘッダーもキャッシュされているようです。 これにより、一部の奇妙なバグがごく一部のユーザーにしか影響を与えていないという幻想が生まれましたが、実際には、ごく一部のエッジノードに古いヘッダーがキャッシュされていました。 Cloudfrontですべてのアセットの無効化を作成することで、この問題を解決しました。

より一般的には、ユーザーのいずれかが特定のアセット名を広告または追跡に関連している可能性があるものとして取得している場合、アセットサーバーとエンドユーザーの間のいずれかの時点で、小さなヘッダーを変更している可能性のある仲介者がいますユーザーの割合（コンテンツをフィルタリングする企業ネットワークなど）、またはその他の奇妙なネットワークが発生している可能性がある場合は、これらすべてがこのエラーの原因である可能性があります。

これと同じ問題があり、その背後にある主な理由は循環依存であることが判明しました

@bigfanjsでもう少し詳しく説明して

@DSchau最近、チームメイトが機能を追加してデプロイしました。ブラウザが同様の問題で文句を言い始めました。アイデアがありませんでした。チームメイトがページと大きな共通の再利用可能なコンポーネントを作成しました。 そのため、ページとコンポーネントの両方のコードにコメントを付け、 <div />タグをレンダリングしました。 そして、ローカルで本番ビルドをサーバー化するために、 gatsby buildを実行してからgatsby serveを実行しました。 そして、いくつかのコードにコメントすることで絞り込みを開始し、毎回上記の表彰を実行しました。 お気に入り：

import {Button} from "components/kit"

// comment the rest to see if `Button` is causing the issue
// import {Box} from "components/kit"
// import {Form} from "components/kit" 

次回はBoxなどにコメントします...

したがって、最終的にエラーは単純であることがわかります。

kitという共通のコンポーネントがあり、いくつかのコンポーネントをインポートします。

コンポーネント/キット

| --- Box.js
| --- Button.js
| --- Form.js
| --- index.js

index.js

export { default as Box } from "./Box"
export { default as Button } from "./Button"
export { default as Form } from "./Form"

例えば内側にForm我々は、インポートしようとしていたBoxこのように：
import {Box} from "components/kit"

しかし、それが問題の原因であるため、次のように変更しました。
import {Box} from "./Box"

そしてそれはうまくいった。

それがお役に立てば幸いです。

ここでも同じ問題があります。これは、私が数日間アクセスしていないWebサイト（Gatsby Webサイトも）で定期的に見られます。 IE11ではなくChromeです。 空白のページが数秒続くと、更新が行われ、その後すべてが再び機能します。

1つの例のバージョン：
gatsby ： 2.0.118
gatsby-plugin-offline ： 2.0.23

これでも同様のエラーが発生しました。 また、本番ビルドでnetlifycms管理ページにアクセスできませんでした。
そして、これは最終的にgatsbyとgatbsy-plugin-offlineバージョンの不一致が原因であることがわかりました。
いいぞ！！！

新しいバージョンのサイトを展開するたびに、このエラーがときどき表示される場合（実際には予想されます）、ほとんどのホストは古いバージョンのサイトを削除します。つまり、ページに移動しようとするサイトに既にアクセスしているユーザーは削除しません。このページのリソースを見つけることができるので、このエラーをスローし、ページのHTMLを新たに取得して完全な更新をトリガーします。

これのテストはここで見ることができます： https ：

@KyleAMathewsこのリソース不足エラーによって更新がトリガーされていないようであるため、ユーザーは壊れたページまたは単に白いページで立ち往生しています。 更新を確実に行うためにオフラインプラグインが必要ですか？

いいえ...それが起こっている場合、それはギャツビーのバグです。 あなたが説明しているシナリオの複製はありますか？

-
カイルマシューズ

ブログ： http ：
Twitter： http ：

2019年6月4日火曜日午後3時5分、ジャック<[email protected]>は次のように書いています。

@ KyleAMathews（https://github.com/KyleAMathews）更新されたようです
このリソース不足エラーによってトリガーされていないため、ユーザーはスタックしています
壊れたページまたは単に白いページ。 オフラインプラグインが必要ですか？
更新が行われることを確認しますか？

—
あなたが言及されたのであなたはこれを受け取っています。
このメールに直接返信し、GitHubで表示します（
https://github.com/gatsbyjs/gatsby/issues/11524?email_source=notifications&email_token=AAARLB6OVB47GMB5K2242M3PY3RLFA5CNFSM4GUAYCZKYY3PNVWWK3TUL52HS4DFVREXG43VMVBW63LNMVXHJKTDN
）、またはスレッドをミュートします（
https://github.com/notifications/unsubscribe-auth/AAARLB7QKXUL3AZF4MXCO33PY3RLFANCNFSM4GUAYCZA
）。

@KyleAMathews制作現場でヒット・オア・ミスをキャッチする以外は、ローカルで再現することができませんでした。 複製には、Netlify統合を使用してまったく新しいリポジトリを設定し、最終的にそれに遭遇するまで更新をプッシュし続ける必要があります。

@coreywardがGatsbyサイトのコメントのさらに上でそれをキャッチしたようです。

また、この議論に関連するのは、 @ Moocarが、ランタイムでデータをロードする方法の大規模なリファクタリングに取り組んでいることですhttps://github.com/gatsbyjs/gatsby/pull/13004

現時点では複製はありませんが、それ自体で更新されなかったものを少なくとも半ダース回見たことは確認できます。

@KyleAMathewsこれは、デプロイする時期とは完全に関係なく、すべてのブラウザーでリクエストの1％に発生することがわかります。最後のデプロイが金曜日であった場合でも、日曜日に同じ割合で発生することがわかります。 これは、時間の経過に伴う相対的な一貫性を示すバグスナッグのスクリーンショットです（もちろん、通常のトラフィックの変動によるわずかな塊です）。

@gwlortscherは非常に興味深いので、デプロイとは関係がないようです。 このグラフは、エラーの数を示しているように見えます。 リクエストの割合のグラフを共有できますか？ トラフィックによって変化しないと思いますか？

考えられる原因を追加するだけです。
私の場合、それはだったnew Buffer(val, 'base64').toString();の代わりとしてatob SSRインチ
（基本的にatobが利用できない場合は、node-jsバージョンを使用してください。）
開発で動作し、正しくコンパイルされ、prodページの起動時にクラッシュしました。 さらに、インクルードは十分であり、コードは実行されず、起動時にロードされるチャンクに存在するだけでした。

@KyleAMathews Bugsnagには％リクエストチャートがないようですが、分析から計算するのは簡単です。 過去8日間は次のとおりです（リクエストの割合としてのエラー）：

6/1 2.4％
6/2 2.3％
6/3 2.2％
6/4 2.4％
6/5 2.4％
6/6 2.1％
6/7 2.4％
6/8 2.4％

Gatsby v2.9.4にアップグレードすると、これが最初に発生しました。 2.8.5に戻すと、問題が解決しました。 まだ原因を分析しようとしています。

これと同じ問題が発生し、2.8.5にダウングレードすることで修正されました。 そうする前は、「/」のリソースが不足しているというエラーが常に発生していました。

@bmatzner @wilcoxmdしばらくの間2.8.xを使用しており、最初にv1からv2に移行して以来、すべてのGatsbyアップグレードでリソースが不足しています。 一貫して、v2以降のアップグレード時にスパイクや変更はありません。

私たちは間違いなく2.8.5より前から長い間見てきました。 この問題にはさまざまな原因があると思います。 v2.94はさらに別のものを導入したようです。

@bmatzner @wilcoxmdしばらくの間2.8.xを使用しており、最初にv1からv2に移行して以来、すべてのGatsbyアップグレードでリソースが不足しています。 一貫して、v2以降のアップグレード時にスパイクや変更はありません。

同じ

@jackhairなるほど。 Gatsbyサイトはまだ立ち上げていないので、トラフィックの数パーセントがこの問題を認識しているかどうかはわかりません。 ステージングバージョンをデプロイするときにこれが発生しました。 2.9.2を使用していて、ビルドをローカルで提供することは問題ありませんでしたが、デプロイするとすぐに、どのブラウザーでも永続的なリソース不足エラーが発生しました。 2.8.5にダウングレードすると、展開してサイトが機能し始めることができました。

@jackhairなるほど。 Gatsbyサイトはまだ立ち上げていないので、トラフィックの数パーセントがこの問題を認識しているかどうかはわかりません。 ステージングバージョンをデプロイするときにこれが発生しました。 2.9.2を使用していて、ビルドをローカルで提供することは問題ありませんでしたが、デプロイするとすぐに、どのブラウザーでも永続的なリソース不足エラーが発生しました。 2.8.5にダウングレードすると、展開してサイトが機能し始めることができました。

面白い。 価値のあることですが、問題をローカルで複製することはできませんでした（gatsbydevelop）。本番環境で構築された場合にのみ問題が発生します。

2.9.2には有望に見えるprodブランチがあり、これまでのところ問題はありませんが、メインの本番環境に比べてトラフィックはごくわずかです。 先週のギャツビーへのページマニフェストの更新が大いに役立つことを願って、デプロイしたら結果を投稿します。

本番環境では2.9.0がありますが、残念ながら、以前と同じ割合で問題が発生しています。すべてのブラウザのトラフィックの1〜2％です。

バージョンのロールバックダウン2.8.5から2.9.4私たちのために問題を修正しているようです。
私たちの場合、それはいくつかの欠落しているpages-manifest-{hash}.js[.map]ファイルに関連しているようです。
2.9.3および2.9.4バージョンには、いくつかの潜在的な重大な変更があります。https ： ください（Gatsbyパッケージの変更ログから：https：//github.com /gatsbyjs/gatsby/blob/master/packages/gatsby/CHANGELOG.md）。
これを確認するための最後のテストは、Gatsbyを2.9.2までアップグレードすることです。

参考までにhttps://github.com/gatsbyjs/gatsby/pull/14889

確認/試してみる時間があれば、よろしくお願いします。 これを以前にキャッチできなかったことをお詫びします—最近@Moocarで掘り下げる前に、これがどれほど普及していたか、または原因が何であったかは明らかではありません

それがもっと役立つかどうかはわかりませんが、数分前にhttps://gatsbyjs.org/contributing入手しました。

リロード後に修正されましたが、ここに置く価値があるようです@KyleAMathews

これはオフラインプラグイン構成の問題である可能性があると思います。ページマニフェストファイルの変更を正しくチェックしていない可能性があり、古いものを保持している可能性があるためです。

オフラインプラグインをたくさん書いたので、来週は@wardpeetで試してみるつもりです-悲しいことに、私は最近試験で本当に忙しく、家を引っ越す計画を立てているので、これらすべてをチェックすることができませんでした適切に変更されます😞

@ davidbailey00デバッグに深く

@ davidbailey00オフラインプラグインがないと、問題が発生していました。 それは私のノードモジュールにありますが、それでも私の設定ファイルからコメントアウトされています。

オフラインプラグインがインストールされていない場合にも、これが発生しています。

@ davidbailey00ええ、主な修正はajaxリクエストのいくつかの異常なエラーケースを正しく処理し、再試行ロジックを追加していると思いますhttps://github.com/gatsbyjs/gatsby/pull/14889

過去4〜5日間、PRをgatsbyjs.orgに展開しましたが、状況は非常に良好です。 デプロイ以降、新しい「リソース不足」イベントは発生していません。

https://github.com/gatsbyjs/gatsby/pull/14889#issuecomment -505872897

@wardpeetは、ネットワークの問題をシミュレートするためのいくつかのテストに取り組んでいますが、24時間以内にこれを実行する必要があります。

ありがとう@KyleAMathewsはこれを実行するのを待つことができません！

@KyleAMathewsその更新のためにあなたとあなたのチームに感謝します！

@KyleAMathewsこの問題はまだ私のサイトで発生しています。 ローカルでは正常に動作しますが、製品では動作しません。 また、上記のコメントのいくつかのように散発的にではなく、100％の時間でそれを見ています。 とは言うものの、私はほとんどのソリューションを調べましたが、それらを利用しても修正には至りませんでした。 何か違うものをヒットしていることを確認できるように、修正が加えられた特定のバージョンのGatsbyはありますか？

私はURLを非公開で共有し、gatsbyチームの誰かが調べたい場合は非公開リポジトリへの投稿アクセスを追加したいと思っています（ TwitterでDM me）。 ヒント/提案をありがとう-私がテストしたことを明確にするために：

• gatsby-browser.jsにServiceWorkerのリロードを追加する
• オフラインプラグインの削除
• すべてのノードモジュールを更新する
• .を使用してインポートが参照されないようにする

これは、最新のgatsbyリリース[email protected]修正する必要があります。 gatsbyjs.orgで実行したところ、エラーは消えました。

アップグレードして、他に問題があればお知らせください。 今のところこれを閉じます。

@KyleAMathewsありがとう-残念ながら、これは修正されませんでしたが、Missing Resourcesエラーがなくなったので別の問題だと思いますが、主要な問題はまだ残っているので、問題＃15322を提出しました

@KyleAMathewsありがとう-残念ながら、これは修正されませんでしたが、Missing Resourcesエラーがなくなったので別の問題だと思いますが、主要な問題はまだ残っているので、問題＃15322を提出しました

削除されて別のエラーに置き換えられたため、Missing Resourcesは取得されません： https ：

最近、この修正を展開し、バグログで新しい/異なるエラーをチェックします。

編集：ええ、 this.loadPageDataJson(...).then(...).finally is not a functionは新しいmissing resources

@jackhairどのブラウザでテストしていますか？ 最後にポリフィルを追加したと確信しています。 しかし、間違っているかもしれません。

あなたのレポを共有する気ですか？ または小さな複製？

@jackhairどのブラウザでテストしていますか？ 最後にポリフィルを追加したと確信しています。 しかし、間違っているかもしれません。

あなたのレポを共有する気ですか？ または小さな複製？

これは、本番環境のいくつかのブラウザで見られます。

あなたのウェブサイトのURLを共有して、私が見て、多分それを少しデバッグできるようにしてくれませんか？

あなたのウェブサイトのURLを共有して、私が見て、多分それを少しデバッグできるようにしてくれませんか？

承知しました！ https://ritual.com

@jackhairバグを確認できます。 上記の情報で新しい問題を作成できますか？

@wardpeet @jackhairこのfinallyポリフィルの問題も発生していますが、新しい問題が追加されていますか？ これを参照できますか？

@eknowles @wardpeet申し訳ありませんが、このバグチケットを作成する時間がまだありません。 時間があり、作成したい場合は、自分のデータでバックアップすることもできます。

@ wardpeet @ jackhairついにポリフィルで問題を

依存関係の1つは、useBuiltinsを使用したbabel-polyfillの追加であることがわかりました。エントリではなくusageです。

いずれにせよ、redux-api-middleware（gatbsyとは関係ありません）をダウングレードする必要がありました。
https://github.com/agraboso/redux-api-middleware/compare/v2.3.0...v3.0.0

これでfinallyバグが解決しました。 スタックトレースをたどってチェーンをたどり、Promiseポリフィルがオーバーライドされる可能性があるが、厄介なlibであるため、どのlibが原因であるかを確認することをお勧めします。

おかげで、node_modulesとbabel-runtimeでこれを以前に見ました。 将来これを修正する方法を再考するか、少なくとも適切なエラーメッセージを表示する必要があります。