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 (مكونات على غرار) من الكود الخاص بي وأعتقد أن الأشياء في مكان ما قد تعرضت للتلف في بنية الملف نظرًا لعدم إضافة / تحديث / إزالة حزم. سيتم التحديث إذا حددت السبب ولكن ليس هناك الكثير لأذهب إليه.

أواجه نفس المشكلة هنا ... أولاً ، آسف لغتي الإنجليزية ، أنا متحدث إسباني ¯_ (ツ) _ / ¯

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)

أولاً وقبل كل شيء ، القليل من السياق ، كان لدي مشكلة تتعلق بحزمة دائرية Tiny Slider التي كانت تستخدم window ، لذلك أنا أبحث عن دوارات مختلفة مع تطبيق SSR ووجدت حلقة تفاعلية متجاوبة . أنا أعمل بشكل رائع مع ما أحتاجه ، ولكن فقط بـ develop .

يحدث الخطأ المذكور في سيناريوهين مرتبطين:

السيناريو 1
أستخدم المكونات المصممة لأسلوب الشريحة الخاصة بي ، لكن إضافة المزيجات أدت إلى كسر gatsby-plugin-styled-components يحل المشكلة ؛ وهو يعمل ، ولكن ... حدث السيناريو 2

السيناريو 2
الآن يعمل بنائي ويمكنني رؤية صفحتي مع الأنماط. لكن دائري لا يعمل ، فهو لا يفعل شيئًا !!! 😱 ... الأنماط تبدو رائعة رغم ذلك ... 😅
لذلك قمت فقط بإزالة gatsby-plugin-styled-components وعمل البرنامج النصي مرة أخرى ، لكن ليس الأنماط الخاصة بي 🙃

آمل أن يعطي هذا بعض التلميحات للعثور على المشكلة وحلها

اهلا ياجماعة.

لست متأكدًا مما إذا كان هذا يساعد ولكن لدي مشكلة مماثلة ، فقد اتضح أن موردي المفقود كان متغير بيئة (إنتاج) مفقود لقاعدة Firebase. يبدو أن هذا بدوره يؤثر على صوري - لا بد أن هذا كان له تأثير على خطوة البناء

يمكن تقديم مزيد من المعلومات إذا لزم الأمر ...

Jivings هل يمكنك تحديث حزمة gatsby و gatsby-plugin-offline؟ يحدث هذا عند إنشاء بنية جديدة ولكن الموارد من السابق لم تعد متوفرة (لذلك يحاول المكون الإضافي غير المتصل المخزن مؤقتًا من html استخدام الموارد غير المتاحة). في إصدارات حزم gatsby / غير المتصلة الأحدث ، أضفنا إعادة التحميل بعد تحديثات عامل الخدمة حتى لا تترك الموقع في حالة غير قابلة للاستخدام

في حالتي ، قمت بتغيير الاستيراد من import { Link } from './' إلى import { Link } from './Link' (في ملفي /components/footer.js ) ، وأصلح الخطأ "الموارد المفقودة لـ /". لقد كانت تبعية دائرية على ما أعتقد. لكني لا أعرف ما إذا كان سيصلح لك
تحرير: إذا حدث الخطأ بشكل دوري ، أعتقد أن الحل من pieh أعلاه لديه فرص أفضل لإصلاحه.

تظهر لي هذه الأخطاء ولكن فقط في IE11. لست متأكدًا تمامًا من الموارد التي تفشل نظرًا لأنها تحدث فقط في متصفح واحد ، على حد علمي ، ولكني أرى بعض الأخطاء في رد فعل دوم (انظر لقطات الشاشة أدناه). لقد قمت بتحديث جميع تبعيات Gatsby الخاصة بي إلى أحدث إصداراتها وأضفت polyfill في حالة

أنا أعمل من فرع التطوير الخاص بي الذي تم نشره في Netlify لاختبار الإصلاحات على الأجهزة المختلفة.
إليك أحدث إصدار لتصحيح الأخطاء إذا كنت ترغب في اختباره: https://5c6ee3b943e6c400080a5a8b--marcysutton.netlify.com/about/
هذا هو موقعي المباشر ، والذي لا يزال به كل الانكسار في IE11: https://marcysutton.com
وإليك مصدر موقعي: https://github.com/marcysutton/gatsby-site

فيما يلي بعض لقطات الشاشة من جهاز VM الخاص بي:

marcysutton هل أحرزت أي تقدم مع هذا؟ أرى نفس الشيء في IE11 فقط. لا توجد مشاكل في أي متصفحات أخرى.

ليس بعد! sidharthachatterjee أو pieh ، هل هذه معلومات كافية لتصحيح الأخطاء؟ مشكلة حظر جميلة في IE11 في الوقت الحالي.

Undistraction لدي بعض الأخبار الجيدة: ساعدني الفريق في تصحيح هذه المشكلة ، وأشاروا إلى أن IE11 يواجه مشكلة في وظائف الأسهم غير المجمعة في مكون إضافي ( gatsby-background-image ). إنهم يناقشون التغييرات التي تم إجراؤها على Gatsby core لتفسير ذلك ، ولكن في هذه الأثناء يجب أن تكون قادرًا على الالتفاف حولها عن طريق تجميع أي مكونات إضافية تسبب المشكلات: https://www.gatsbyjs.org/packages/gatsby-plugin- compile-es6-bundles /؟ = compile

هذا هو المكان الذي استخدمته فيه على موقعي: https://github.com/marcysutton/gatsby-site/blob/develop/gatsby-config.js#L107

أخبرنا إذا كنت لا تزال تواجه أي مشكلة!

نفس المشكلة هنا ، رؤية هذا بشكل دوري على مواقع الويب التي لم أزرها لبضعة أيام (موقع Gatsby أيضًا). ليس على IE11 ولكن على Chrome. بعد بضع ثوانٍ من الصفحة الفارغة ، هناك تحديث يعمل بعده كل شيء مرة أخرى.

إصدارات من مثال واحد:
gatsby : 2.0.118
gatsby-plugin-offline : 2.0.23

أتلقى هذا الخطأ في IE (وضع الحافة).

إنه يشير إلى الملف react-dom.production.min.js في السطر 1 char 195183.

عند النقر فوق الخطأ في 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-read-only-user ليس قديمًا 😬

Undistraction لدي بعض الأخبار الجيدة: ساعدني الفريق في تصحيح هذه المشكلة ، وأشاروا إلى أن IE11 يواجه مشكلة في وظائف الأسهم غير المجمعة في مكون إضافي ( gatsby-background-image ). إنهم يناقشون التغييرات التي تم إجراؤها على Gatsby core لتفسير ذلك ، ولكن في هذه الأثناء يجب أن تكون قادرًا على الالتفاف حولها عن طريق تجميع أي مكونات إضافية تسبب المشكلات: https://www.gatsbyjs.org/packages/gatsby-plugin- compile-es6-bundles /؟ = compile

هذا هو المكان الذي استخدمته فيه على موقعي: https://github.com/marcysutton/gatsby-site/blob/develop/gatsby-config.js#L107

أخبرنا إذا كنت لا تزال تواجه أي مشكلة!

marcysutton كيف

onetwothreebutter افتح ملف (ملفات) JavaScript المترجمة في المتصفح وابحث عن => . لم يسهّل IE معرفة من أين أتوا ، لذلك بحثت يدويًا باستخدام "Ctrl + F"

يجب أن يتحسن هذا في جوهره بمرور الوقت ولكن هذه هي الطريقة التي يمكنك التحقق منها في غضون ذلك!

أود أن أضيف أن هذه المشكلة لا تزال قائمة بالنسبة لنا عبر جميع المتصفحات والإصدارات ، فهي ليست مجرد IE ، ويبدو أنها يتم تشغيلها باستخدام عامل خدمة في Gatsby. ذات صلة: # 12399

لقد واجهت نفس المشكلة.

• إذا تم تمكين عامل الخدمة ، يؤدي تحديث الصفحات إلى حدوث الأخطاء المذكورة أعلاه. كانت هذه المشكلة تظهر بشكل أساسي على Chrome. يبدو أن متصفح Edge يعمل بشكل جيد (ربما لأن عامل الخدمة لا يعمل هناك)
• عند إزالة عامل الخدمة واستخدام المكوّن الإضافي gatsby-plugin-remove-serviceworker تختفي هذه المشكلة
  القرار المستخدم:
• ومع ذلك ، نظرًا لأهمية عمل عامل الخادم ، فقد جرب المكون الإضافي gatsby-plugin-remove-trailing-slashes بالاشتراك مع المكوّن الإضافي PWA gatsby-plugin-offline ويبدو أن هذا يحل المشكلة بالنسبة لي.

أواجه هذا الخطأ ولا أستخدم عامل خدمة.
كنت أفكر في أنه ربما يحدث ذلك إذا تم تحميل الصفحة بإصدار معين من الموقع ، ثم تم إجراء نشر وتغيير أسماء الأصول بحيث لا يمكن العثور عليها بواسطة الإصدار المفتوح؟
بالإضافة إلى ذلك ، فإن الإصدار الذي تسبب في حدوث الخطأ في تطبيق Sentry ليس هو الإصدار الذي كان موجودًا في لحظة حدوث الخطأ.

antoinerousseau نعم ، بعد بضع محاولات لمحاولة إصلاحه ، ما زلنا نحصل عليه حتى بدون SW. لقد قمنا بترقية عدد قليل من مكونات Gatsby الإضافية إلى الإصدارات الحديثة وقللنا من عدد الأخطاء ، ولكن ليس إلى 0. (قد تكون مصادفة على الرغم من ذلك)

KyleAMathews هل شاهدت هذا ، أو لديك أي معلومات؟

jackhair من الصعب معرفة ما يحدث بدون إعادة إنتاج. http://gatsby.dev/reproduction

الحل البديل: https://github.com/gatsbyjs/gatsby/issues/13410#issuecomment -486306784

smakosh أنا لا أستخدم عمال الخدمة.

المكوّن الإضافي غير المتصل يستخدمه

حسنًا ، لكن ما أعنيه هو أن الخطأ يحدث حتى بدون هذا المكون الإضافي.

هل يمكنك التحقق من أنك قمت بإلغاء تسجيل SW بنجاح ، ربما تكون قد استخدمته من قبل ، حاول أيضًا مسح ذاكرة التخزين المؤقت لـ Gatsby عن طريق حذف المجلدات public و .cache

لم تستخدم أي برنامج SW في هذا المشروع. (وفحص فقط في حالة)
يتم دائمًا إعادة إنشاء public و .cache بواسطة Netlify.
تم الإبلاغ عن أخطاء في الإنتاج بواسطة Sentry.
https://sentry.io/share/issue/738b234836814442b7702866c6814fdf/

هل مشروعك مفتوح المصدر؟ إذا كان الأمر كذلك ، يمكنك الارتباط أدناه ، فأنا أحب التحقق من ذلك ومعرفة كيف يمكنني إصلاح ذلك

عذرًا ، إنه ليس كذلك ، ولكنه في الأساس موقع Gatsby تخدمه Netlify ...

  "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

abumalickantoinerousseau نقلنا gatsby-plugin-netlify إلى نهاية مصفوفة الإضافات الخاصة بنا ، ولم يغير أي شيء.

ربما هذا قد يكون له علاقة به؟ https://github.com/gatsbyjs/gatsby/issues/11982

عندما أواجه المشكلة بنفسي (فرصة خالصة) ، دائمًا ما يكون هناك نوع من الخطأ يتعلق بفقدان بيان الصفحات.

لقد أوجزت الإصلاح الوحيد الذي يعمل في جميع الحالات في مشكلة ذات صلة هنا: https://github.com/gatsbyjs/gatsby/issues/12399#issuecomment -488247566

كان لي نفس القضية. كانت حالتي مماثلة لـ @ efd1 - كان الاستيراد في شكل import { Module } from "." يكسر بنية الإنتاج الخاصة بي (كان التطوير يعمل بدون أي مشكلة). لم يكن من السهل جدًا تصحيح الأخطاء والعثور عليها للأسف.

لا يبدو أن الاقتراحات أعلاه تعمل بالنسبة لي. أنا أرى هذا فقط لمستخدمي iOS وفقط بشكل متقطع. لا يبدو أنني أقوم بتكرار ذلك وبالتالي من الصعب معرفة ما قد يكون خطأ. أي نصائح حول كيفية معرفة ما قد تكون المشكلة الأساسية؟

لتكرار بيان Kyle أعلاه ، نحتاج إلى مواقع تجريبية قابلة للتكرار حتى نتمكن من المساعدة. http://gatsby.dev/reproduction

من الصعب معرفة ما يحدث بدون التكاثر. http://gatsby.dev/reproduction

KyleAMathews بصراحة ، أعتقد أن هذا يحدث في كل موقع Gatsby تم نشره على Netlify وهو عبارة عن صفحات متعددة. رمي الحارس على واحد وانظر بنفسك.

أود أن أقول إن هذا البيان سابق لأوانه بعض الشيء ، على سبيل المثال ، يتم نشر جميع مشاريع Gatsby الخاصة بي على Netlify ولم أر الخطأ مطلقًا (في الشهرين الماضيين). الاستنساخ سيكون مفيدًا حقًا.

LekoArtsmarcysutton تتبع ترقب لا تزال متاحة علنا هنا .

هل هذا يساعد على الإطلاق؟

يحدث الخطأ في موقع الإنتاج الخاص بي مرة واحدة تقريبًا في اليوم.

أود أن أقول إن هذا البيان سابق لأوانه بعض الشيء ، على سبيل المثال ، يتم نشر جميع مشاريع Gatsby الخاصة بي على Netlify ولم أر الخطأ مطلقًا (في الشهرين الماضيين). الاستنساخ سيكون مفيدًا حقًا.

lekoarts هل لديك إعداد Sentry؟ كم حركة المرور؟

يحدث الخطأ في موقع الإنتاج الخاص بي مرة واحدة تقريبًا في اليوم.

Jivings كم حركة المرور؟ أحاول الحصول على فكرة عن التردد.

أفضل ما يمكنني قوله لقد اكتشفت 541 حالة من هذا الخطأ منذ 1 مارس عبر 160 ألف مشاهدة للصفحة (47 ألف جلسة) على أحد مواقع الويب التي أحتفظ بها. هذه فرصة بنسبة 0.3٪ أن تؤدي مشاهدة الصفحة إلى حدوث السلوك ، أو 1.2٪ فرصة حدوث ذلك في الجلسة. ليست كبيرة فيما يتعلق بالنسخ ؛ سنحتاج على الأرجح إلى آثار قديمة الطراز ، وتجسس ، وتصحيح أخطاء آخر لاكتشاف ذلك.

إنه أكثر شيوعًا على الأجهزة المحمولة ، ولكن المزيد من زياراتهم تأتي من الأجهزة المحمولة ، ويحدث ذلك على سطح المكتب أيضًا. يبدو أن الطراز / الطراز / المتصفح غير ذي صلة. بالنسبة لما يستحق ، هذا نظام أساسي لبث الصوت ، لذلك نميل إلى رؤية فترات جلسات أطول بكثير من مواقع الويب التي تركز على التسويق أو تشهد الكثير من حركة المرور الداخلية والخارجية.

هل يرى أي شخص هذا الخطأ في الإنتاج _ دون استخدام تطبيق Sentry؟ أي شخص يستخدم Honeybadger أو Raygun أو Rollbar أو Airbrake أو ما شابه؟

coreyward كما

coreyward نحن نستخدم Bugsnag وشاهدناه حوالي 4.8 ألف مرة في الشهر الماضي.

coreyward ربما هذا مفيد:

(من https://github.com/gatsbyjs/gatsby/issues/12399#issuecomment-480082161)

نحن نستخدم Bugsnag ونرى هذا يظهر لحوالي 1٪ من حركة المرور. يبدو أن المتصفحات تتطابق تقريبًا مع التوزيع العام لحركة المرور - ولا ترى أي أنماط واضحة هناك.

coreyward يتطلع إلى التأثير في حوالي 1٪ من حركة المرور بالنسبة لنا.

KyleAMathews مرحبًا ، لقد واجهت هذا الخطأ للتو على موقع GatsbyJS الخاص بالإنتاج. بعد التحديث عدة مرات ، اختفت المشكلة.

لقد واجهنا هذه المشكلة عند استخدام المكون الإضافي غير المتصل والنشر على مساحة تخزين Azure blob بالإضافة إلى CDN. كنت أقرأ أن عامل الخدمة js يجب ألا تتم خدمته من CDN ويجب أن يأتي مباشرة من مجال الخادم. قد يكون هذا هو السبب الجذري.

لدينا ers-hcl.github.io تم نشره مع المكوّن الإضافي غير المتصل بالإنترنت وعامل الخدمة الممكّن على ghpages. لم نواجه هذه المشكلة أبدًا والتي ربما تشير إلى تعليقي السابق فيما يتعلق بالمشكلة المتعلقة بمعالجة CDN للمكون الإضافي غير المتصل

هذه المشكلة لا علاقة لها بالمكوِّن الإضافي غير المتصل بالإنترنت. وإذا كنت تستخدم المكوّن الإضافي دون اتصال بالإنترنت ، فتأكد من إعادة تحميل أو إظهار إشعار دفع للمستخدمين بأن المحتوى الجديد متاح لتحديث البرنامج.

smakosh كلما قمنا بتعطيل المكون الإضافي غير المتصل ، تختفي هذه المشكلة بالنسبة لنا.

نحن نشاهده ولا نستخدم المكون الإضافي غير المتصل.

• قد أكون مخطئًا - ملاحظة واحدة في الملف ensure-resources.js ، وهي المكون الذي ألقى هذا الخطأ ولكن فكرت في ذكره في حالة.
• بالنظر إلى رمز ensure-resources.js ، يبدو أنه يستخدم window.location على السطر رقم 81 ، حيث توجد خاصية location تُستخدم في هذا المكون في جميع اماكن اخرى.

أشك في أن وضعنا الخاص سيكون مفيدًا للعديد من الأشخاص الآخرين ، لكنني أردت مشاركته هنا فقط في حالة.

كان هذا يؤثر على DataCamp.com بسبب مشكلة CORS. نحن نستخدم أصول الأصول واستضافة الأصول على S3 ، والتي يتم تقديمها عبر Cloudfront. خلال أول عملية نشر لدينا مع إضافة الأصول ، نسينا تعيين رؤوس CORS في S3 للسماح بالوصول إلى الأصول من مجالنا (عفوًا). لقد قمنا بتحديث رؤوس 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"

وعملت.

امل ان يساعد.

نفس المشكلة هنا ، رؤية هذا بشكل دوري على مواقع الويب التي لم أزرها لبضعة أيام (موقع Gatsby أيضًا). ليس على IE11 ولكن على Chrome. بعد بضع ثوانٍ من الصفحة الفارغة ، هناك تحديث يعمل بعده كل شيء مرة أخرى.

إصدارات من مثال واحد:
gatsby : 2.0.118
gatsby-plugin-offline : 2.0.23

كان لدي خطأ مشابه مع هذا. ولم أتمكن من الوصول إلى صفحة إدارة netlify cms في بناء الإنتاج.
ووجدت أن هذا بسبب عدم تطابق إصدار gatsby و gatbsy-plugin-offline أخيرًا.
رضى وقبول!!!

بالنسبة للأشخاص الذين يرون هذا الخطأ من حين لآخر - وهذا أمر متوقع بالفعل - كلما نشرت إصدارًا جديدًا من موقعك ، فإن معظم المضيفين يحذفون الإصدارات القديمة من الموقع مما يعني أن أي شخص موجود بالفعل على الموقع يحاول الانتقال إلى صفحة لن تكون قادرًا على العثور على الموارد لهذه الصفحة ، لذا ستظهر هذا الخطأ ثم تبدأ تحديثًا كاملاً عن طريق الحصول على HTML من جديد للصفحة.

يمكنك الاطلاع على الاختبارات الخاصة بهذا هنا: https://github.com/gatsbyjs/gatsby/blob/cbbed1dde8a4fd25080e9ab65d7661dfa8fbf327/e2e-tests/production-runtime/cypress/integration/resource-loading-resilience.js#L57

KyleAMathews يبدو أن التحديث لا يتم تشغيله من خلال خطأ الموارد المفقودة هذا ، لذا فإن المستخدم عالق في صفحة مكسورة أو مجرد صفحة بيضاء. هل نحتاج إلى المكوّن الإضافي دون اتصال بالإنترنت لضمان حدوث التحديث؟

لا ... إذا كان هذا يحدث فهو خطأ في جاتسبي. هل لدينا إعادة إنتاج للسيناريو الذي تصفه؟

-
كايل ماثيوز

المدونة: http://bricolage.io
تويتر: http://twitter.com/kylemathews

في الثلاثاء ، 4 حزيران (يونيو) 2019 ، الساعة 3:05 مساءً ، كتب جاك <[email protected]>:

@ KyleAMathews (https://github.com/KyleAMathews) يبدو التحديث
لا يتم تشغيله من خلال خطأ الموارد المفقود هذا ، لذا فإن المستخدم عالق
على صفحة مكسورة أو بيضاء فقط. هل نحتاج إلى الحصول على البرنامج المساعد غير المتصل بـ
ضمان حدوث التحديث؟

-
أنت تتلقى هذا لأنه تم ذكرك.
قم بالرد على هذا البريد الإلكتروني مباشرة ، قم بعرضه على GitHub (
https://github.com/gatsbyjs/gatsby/issues/11524؟email_source=notifications&email_token=AAARLB6OVB47GMB5K2242M3PY3RLFA5CNFSM4GUAYCZKYY3PNVWWK3TUL52HS4DFVREXG43VMVB17
) ، أو كتم صوت الخيط (
https://github.com/notifications/unsubscribe-auth/AAARLB7QKXUL3AZF4MXCO33PY3RLFANCNFSM4GUAYCZA
).

KyleAMathews بخلاف اصطيادها أو

يبدو أن coreyward اشتعلت ذلك على موقع Gatsby في التعليقات.

من الأمور ذات الصلة أيضًا بهذه المناقشة أن Moocar يعمل على إعادة بناء كبيرة لكيفية تحميل البيانات في وقت التشغيل https://github.com/gatsbyjs/gatsby/pull/13004

ليس لدي استنساخ في الوقت الحالي ، لكن يمكنني أن أؤكد أنني رأيت هذا على الأقل ست مرات حيث لم يتم تحديثه من تلقاء نفسه.

KyleAMathews نرى أن هذا يحدث لـ 1٪ من الطلبات عبر جميع المتصفحات بشكل مستقل تمامًا عن وقت النشر - سنرى ذلك يحدث في أيام الأحد بنفس المعدل حتى عندما كان النشر الأخير يوم الجمعة. في ما يلي لقطة شاشة bugsnag لتوضيح التناسق النسبي بمرور الوقت (بالطبع لا يزال هناك قدر ضئيل من التكتل من تباين حركة المرور العادي):

gwlortscher مثير جدًا للاهتمام - لذلك لا يبدو أنه مرتبط

فقط لإضافة سبب محتمل:
في حالتي ، كان new Buffer(val, 'base64').toString(); كبديل لـ atob في SSR.
(إذا لم يكن atob متاحًا ، فاستخدم إصدار node-js.)
عملت في التطوير ، وتم تجميعها بشكل صحيح ، وتعطلت عند بدء تشغيل صفحة المنتج. علاوة على ذلك ، كان التضمين كافيًا ، ولم يتم تنفيذ الكود مطلقًا ، بل كان موجودًا فقط في الجزء الذي سيتم تحميله عند بدء التشغيل.

لا يبدو أن KyleAMathews Bugsnag يحتوي على مخطط٪ للطلبات ولكنه سهل بما يكفي للحساب من التحليلات. في ما يلي الأيام الثمانية الماضية (الأخطاء كنسبة مئوية من الطلبات):

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. قبل القيام بذلك ، كنا نحصل باستمرار على أخطاء للموارد المفقودة لـ "/"

wilcoxmdbmatzner كنا على 2.8.x لفترة من الوقت، وكان لديها الموارد مفقود في كل غاتسبي ترقية منذ انتقلنا أولا من V1 إلى V2. باستمرار ، لا يوجد ارتفاع أو تغيير عند الترقية منذ الإصدار 2.0.

لقد رأينا بالتأكيد لفترة طويلة قبل 2.8.5. أعتقد أن هذه القضية لها أسباب متنوعة. يبدو أن الإصدار 2.94 قد أدخل آخر.

wilcoxmdbmatzner كنا على 2.8.x لفترة من الوقت، وكان لديها الموارد مفقود في كل غاتسبي ترقية منذ انتقلنا أولا من V1 إلى V2. باستمرار ، لا يوجد ارتفاع أو تغيير عند الترقية منذ الإصدار 2.0.

نفسه

jackhair أرى. لم نطلق موقع Gatsby الخاص بنا حتى الآن ، لذلك لا أعرف ما إذا كنا سنستمر في رؤية نسبة مئوية من حركة المرور ترى هذه المشكلة. لقد واجهنا هذا عند نشر إصدار مرحلي. كنا على 2.9.2 وكانت الأمور جيدة في تقديم إصدار محليًا ، ولكن بمجرد نشرنا كان لدينا خطأ دائم في الموارد المفقودة على أي متصفح. أتاح لي الرجوع إلى الإصدار 2.8.5 النشر وبدء تشغيل الموقع.

jackhair أرى. لم نطلق موقع Gatsby الخاص بنا حتى الآن ، لذلك لا أعرف ما إذا كنا سنستمر في رؤية نسبة مئوية من حركة المرور ترى هذه المشكلة. لقد واجهنا هذا عند نشر إصدار مرحلي. كنا على 2.9.2 وكانت الأمور جيدة في تقديم إصدار محليًا ، ولكن بمجرد نشرنا كان لدينا خطأ دائم في الموارد المفقودة على أي متصفح. أتاح لي الرجوع إلى الإصدار 2.8.5 النشر وبدء تشغيل الموقع.

مثير للإعجاب. لما يستحق الأمر ، لم نتمكن أبدًا من تكرار المشكلة محليًا (تطوير gatsby) ، فقط عندما يتم بناؤها على بيئة إنتاج نرى المشكلة.

لدينا فرع prod على 2.9.2 يبدو واعدًا ، حتى الآن لا توجد مشاكل ، لكن حركة المرور إليه ضئيلة مقارنة بالإنتاج الرئيسي. سأقوم بنشر النتائج بمجرد نشرنا ، على أمل أن يساعد تحديث بيان الصفحة إلى Gatsby الأسبوع الماضي كثيرًا.

لدينا 2.9.0 في الإنتاج ولسوء الحظ ما زلنا نشهد المشكلة بنفس المعدل السابق - 1-2٪ من حركة المرور عبر جميع المتصفحات.

يبدو أن تراجع الإصدار إلى 2.8.5 من 2.9.4 قد أصلح المشكلة بالنسبة لنا.
في حالتنا يبدو أنه مرتبط ببعض ملفات pages-manifest-{hash}.js[.map] المفقودة.
يحتوي الإصداران 2.9.3 و 2.9.4 على بعض التغييرات الفاصلة المحتملة: راجع https://github.com/gatsbyjs/gatsby/pull/14732 (من سجلات تغيير حزمة Gatsby: https://github.com /gatsbyjs/gatsby/blob/master/packages/gatsby/CHANGELOG.md).
لتأكيد هذا الاختبار الأخير لنا يجب أن يكون ترقية Gatsby حتى 2.9.2 .

FYImoocar لديه https://github.com/gatsbyjs/gatsby/pull/14889

إذا كان لدى أي منكم الوقت لمراجعة / محاولة ذلك ، فسيكون موضع تقدير كبير. أعتذر عن عدم معرفتي بهذا في وقت سابق - لم يكن من الواضح مدى انتشار هذا أو ما هو السبب قبل البحث مؤخرًا مع Moocar @

لا أعرف ما إذا كان سيساعد أكثر ، لكنني حصلت عليه على https://gatsbyjs.org/contributing قبل بضع دقائق:

تم إصلاحه بعد إعادة التحميل ، ولكن يبدو أنه يستحق وضعه هنا KyleAMathews

أعتقد أن هذا قد يكون مشكلة في تكوين المكون الإضافي دون اتصال ، لأنه قد لا يتحقق بشكل صحيح من التغييرات في ملفات بيان الصفحة ، وبالتالي الاحتفاظ بالملفات القديمة.

سأحاول إلقاء نظرة على هذا الأسبوع القادم مع wardpeet منذ أن كتبت الكثير من المكوّن الإضافي غير المتصل بالإنترنت - للأسف كنت مشغولًا مؤخرًا بالاختبارات والتخطيط للانتقال إلى المنزل ، لذا لم أتمكن من التحقق من كل هذه يتغير بشكل صحيح 😞

@ davidbailey00 قبل أن تتعمق في تصحيح الأخطاء ، نختبر ذلك مع أو بدون المكون الإضافي غير المتصل.

@ davidbailey00 كنا أيضًا نواجه المشكلة بدون المكون الإضافي غير المتصل. إنه موجود في وحدات العقدة الخاصة بي ، لكن لا يزال يتم التعليق عليه من ملف التكوين الخاص بي.

نحن نواجه هذا أيضًا بدون تثبيت المكون الإضافي غير المتصل.

@ davidbailey00 نعم نعتقد أن الإصلاح الرئيسي هو التعامل بشكل صحيح مع بعض حالات الخطأ غير العادية لطلبات أياكس وإضافة منطق إعادة المحاولة https://github.com/gatsbyjs/gatsby/pull/14889

لقد قمنا بنشر العلاقات العامة في موقع gatsbyjs.org خلال الأيام الأربعة أو الخمسة الماضية والأشياء تبدو جيدة حقًا! لم تكن هناك أحداث "موارد مفقودة" جديدة منذ النشر.

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

يعمل wardpeet على بعض الاختبارات لمحاكاة مشاكل الشبكة ولكن يجب أن نخرج ذلك في الـ 24 ساعة القادمة.

شكرًا لك @ KyleAMathews لا يمكنه الانتظار حتى يتم تشغيل هذا!

KyleAMathews شكرًا لك

KyleAMathews أواجه هذه المشكلة التي لا تزال تحدث على موقعي. محليًا يعمل بشكل جيد وفي المنتج لا يعمل. أيضًا ، أرى ذلك بنسبة 100٪ من الوقت ، وليس بشكل متقطع مثل بعض التعليقات أعلاه. ومع ذلك ، فقد بحثت في معظم الحلول ولم يؤد استخدامها إلى إصلاح. هل لديك إصدار محدد من Gatsby يحتوي على الإصلاح حتى أتمكن من التأكد من أنني أصطدم بشيء مختلف؟

أنا على استعداد لمشاركة عنوان URL بشكل خاص بالإضافة إلى إضافة وصول مساهم إلى الريبو الخاص إذا أراد شخص من فريق gatsby إلقاء نظرة (DM me on twitter ). شكرًا على أي نصائح / اقتراحات - لتوضيح الأمور التي اختبرتها هي:

• إضافة إعادة تحميل عامل الخدمة على gatsby-browser.js
• إزالة المكوّن الإضافي غير المتصل
• تحديث كافة الوحدات النمطية للعقدة
• التأكد من عدم الإشارة إلى عمليات الاستيراد باستخدام .

يجب أن يكون لدينا هذا واحد ثابت في أحدث إصدار gatsby [email protected] لقد قمنا بتشغيله على gatsbyjs.org واختفت الأخطاء بالنسبة لنا.

يرجى الترقية وإخبارنا إذا كان هناك المزيد من المشاكل! إغلاق هذا الآن.

KyleAMathews شكرًا - لقد فعلت ، وللأسف لم يتم إصلاح ذلك على الرغم من أنني أعتقد أنه شيء آخر حيث اختفى خطأ الموارد المفقودة ولكن المشكلة الأساسية لا تزال موجودة ، لذا قدمت المشكلة رقم 15322

KyleAMathews شكرًا - لقد فعلت ، وللأسف لم يتم إصلاح ذلك على الرغم من أنني أعتقد أنه شيء آخر حيث اختفى خطأ الموارد المفقودة ولكن المشكلة الأساسية لا تزال موجودة ، لذا قدمت المشكلة رقم 15322

لن نحصل على الموارد المفقودة لأنه تم حذفها واستبدالها بخطأ مختلف: https://github.com/gatsbyjs/gatsby/pull/14889/files#diff -3182dbe2979ea0744c50242668edc572L173

لقد نشرنا هذا الإصلاح مؤخرًا ، حيث سنقوم بفحص سجلات الأخطاء بحثًا عن أخطاء جديدة / مختلفة.

EDIT: نعم يبدو أن this.loadPageDataJson(...).then(...).finally is not a function هو missing resources

jackhair على أي متصفح تختبر؟ أنا متأكد من أننا أضفنا بوليفيل أخيرًا. قد يكون مخطئا بالرغم من ذلك.

تمانع في تقاسم الريبو الخاص بك؟ أو استنساخ صغير؟

jackhair على أي متصفح تختبر؟ أنا متأكد من أننا أضفنا بوليفيل أخيرًا. قد يكون مخطئا بالرغم من ذلك.

تمانع في تقاسم الريبو الخاص بك؟ أو استنساخ صغير؟

نشهد هذا عبر العديد من المتصفحات في الإنتاج:

هل تمانع في مشاركة عنوان url لموقع الويب الخاص بك حتى أتمكن من إلقاء نظرة وربما تصحيحه قليلاً؟

هل تمانع في مشاركة عنوان url لموقع الويب الخاص بك حتى أتمكن من إلقاء نظرة وربما تصحيحه قليلاً؟

أكيد! https://ritual.com

jackhair يمكنني تأكيد الخطأ. هل يمكنك إنشاء مشكلة جديدة بالمعلومات المقدمة أعلاه؟

wardpeetjackhair نتلقى أيضًا مشكلة polyfill finally ، هل تمت إضافة عدد جديد؟ هل يمكن أن يكون المرجع هذا من فضلك؟

eknowleswardpeet اسف لم يتح لها الوقت لكتابة تذكرة علة لهذا حتى الان. إذا كان لديك وقت فراغ وترغب في إنشاء واحدة ، يمكنني نسخها احتياطيًا ببياناتي أيضًا.

wardpeetjackhair تمكنت من تعقب polyfill أخيرًا.

وجدنا أن إحدى تبعياتنا تتضمن babel-polyfill مع useBuiltins: الاستخدام بدلاً من الإدخال.

في كلتا الحالتين ، اضطررنا إلى الرجوع إلى إصدار أقدم من البرامج الوسيطة redux-api (لا تتعلق بـ gatbsy).
https://github.com/agraboso/redux-api-middleware/compare/v2.3.0...v3.0.0

أدى هذا إلى حل خطأ finally . أود أن أوصي باتباع تتبع المكدس لأعلى السلسلة ومعرفة أي lib هو الجاني لأن Promise polyfill قد يتم تجاوزه ولكن lib مقرف.

شكرًا ، لقد رأينا هذا من قبل مع node_modules و babel-runtime. سأضطر إلى إعادة التفكير في كيفية إصلاح ذلك في المستقبل أو على الأقل إعطاء رسالة خطأ مناسبة.