Gatsby: فشل الإنشاء بعد ظهور "رمز مميز غير متوقع" في "يتطلب غير متزامن" بعد الترقية إلى 2.0.84

تم إنشاؤها على ٢١ يناير ٢٠١٩ · 81تعليقات · مصدر: gatsbyjs/gatsby

وصف

تشغيل rm -rf .cache && rm -rf public && gatsby-build يعمل بشكل جيد تحت 2.0.83. بعد الترقية إلى 2.0.84 ، حدث خطأ ، مما أدى إلى إحباط الإنشاء.

خطوات التكاثر

الشيء الوحيد الذي أتناوله هو تشغيل gatsby build . بعد الرجوع إلى الإصدار 2.0.83 ، تختفي المشكلة.

نتيجة متوقعة

يجب أن يكتمل البناء بنجاح

نتيجة فعلية

يتم إنهاء البناء مع الخطأ التالي:

success onPostBootstrap — 0.202 s

info bootstrap finished - 6.171 s


error Generating JavaScript bundles failed


  Error: ./.cache/async-requires.js 8:11
  Module parse failed: Unexpected token (8:11)
  You may need an appropriate loader to handle this file type.
  | exports.components = {
  |   "component---node-modules-gatsby-plugin-offline-app-shell-js": function componentNodeModulesGatsbyPluginOfflineAppShellJs() {
  >     return import("/Users/dereklindahl/Work/APP/node_modules/gatsby-plugin-offline/app-shell.js"
  |     /* webpackChunkName: "component---node-modules-gatsby-plugin-offline-app-shell-js" */
  |     );
   @ ./.cache/production-app.js 18:0-45 21:23-36 26:23-36

بيئة

npx gatsby info -- --clipboard                 

  System:
    OS: macOS High Sierra 10.13.6
    CPU: (4) x64 Intel(R) Core(TM) i5-7360U CPU @ 2.30GHz
    Shell: 5.4.2 - /usr/local/bin/zsh
  Binaries:
    Node: 10.14.0 - ~/.nodenv/versions/10.14.0/bin/node
    Yarn: 1.12.3 - /usr/local/bin/yarn
    npm: 6.4.1 - ~/.nodenv/versions/10.14.0/bin/npm
  Languages:
    Python: 2.7.10 - /usr/bin/python
  Browsers:
    Chrome: 71.0.3578.98
    Firefox: 63.0.3
    Safari: 12.0.2
  npmPackages:
    gatsby: 2.0.84 => 2.0.84 
    gatsby-image: ^2.0.25 => 2.0.25 
    gatsby-mdx: ^0.2.0 => 0.2.0 
    gatsby-plugin-canonical-urls: ^2.0.8 => 2.0.8 
    gatsby-plugin-google-analytics: ^2.0.8 => 2.0.8 
    gatsby-plugin-manifest: ^2.0.13 => 2.0.13 
    gatsby-plugin-netlify: ^2.0.6 => 2.0.6 
    gatsby-plugin-netlify-cache: ^1.0.0 => 1.0.0 
    gatsby-plugin-offline: ^2.0.21 => 2.0.21 
    gatsby-plugin-react-helmet: ^3.0.5 => 3.0.5 
    gatsby-plugin-sharp: ^2.0.17 => 2.0.17 
    gatsby-plugin-sitemap: ^2.0.4 => 2.0.4 
    gatsby-plugin-sri: ^1.0.4 => 1.0.4 
    gatsby-plugin-styled-components: ^3.0.4 => 3.0.4 
    gatsby-plugin-zopfli: ^1.0.2 => 1.0.2 
    gatsby-source-filesystem: ^2.0.12 => 2.0.12 
    gatsby-transformer-sharp: ^2.1.10 => 2.1.10

رأيت رقم 10038 الذي بدا مألوفًا ، لكن تكوين Webpack الخاص بي غير مثير للاهتمام:

// gatsby-node.js
exports.onCreateWebpackConfig = ({ actions }) => {
  actions.setWebpackConfig({
    module: {
      rules: [
        {
          test: /\.ogv$/,
          use: [
            {
              loader: require.resolve(`url-loader`),
              options: { limit: 10000, name: 'static/[name]-[hash].[ext]' }
            }
          ]
        }
      ]
    },
    resolve: {
      alias: {
        '@': path.resolve(__dirname, 'src/components')
      },
      modules: [path.resolve(__dirname, 'src'), 'node_modules']
    }
  })
}

والتعليق أن الحظر لا يصلح الخطأ.

إذا استبدلت gatsby-plugin-offline بـ gatsby-plugin-remove-serviceworker ، فستظل المشكلة قائمة ، ولكن باستيراد غير متزامن مختلف.

FWIW ، لا ألاحظ اختلافًا في محتويات async-require.js في الإصدار 2.0.83 أو 2.0.84 ، ولم تحدث ترقية gatsby-plugin-offline أي فرق أيضًا.

needs reproduction question or discussion

مصدر

dlindahl

👍21 😕8

التعليق الأكثر فائدة

الحل هو تثبيت التبعيات مع Yarn بدلاً من npm والتي يبدو أنها تعمل بعد استيراد ملف قفل npm.

DanielRuf في ٢٨ يناير ٢٠١٩

❤2 👍2 🎉1

ال 81 كومينتر

أواجه خطأً مشابهًا بعد الترقية من 2.0.62 إلى 2.0.91 .

في حالتي ، يعمل gatsby develop بشكل جيد ، لكن أخطاء gatsby build إما على الصفحة template.js (إذا قمت بتضمينها) أو 404.js (إذا قمت بإزالة createPages snippet من gatsby-node ):

error Generating JavaScript bundles failed

Error: ./.cache/async-requires.js 8:11
  Module parse failed: Unexpected token (8:11)
  You may need an appropriate loader to handle this file type.
  | exports.components = {
  |   "component---src-templates-template-js": function componentSrcTemplatesTemplateJs() {
  >     return import("/Users/michael/Sites/projects/gatsby-starter/src/templates/template.js"
  |     /* webpackChunkName: "component---src-templates-template-js" */  |     );
   @ ./.cache/production-app.js 18:0-45 21:23-36 26:23-36

أو

error Generating JavaScript bundles failed

Error: ./.cache/async-requires.js 8:11
  Module parse failed: Unexpected token (8:11)
  You may need an appropriate loader to handle this file type.
  | exports.components = {
  |   "component---src-pages-404-js": function componentSrcPages404Js()   {
  >     return import("/Users/michael/Sites/projects/gatsby-starter/src/pages/404.js"
  |     /* webpackChunkName: "component---src-pages-404-js" */
  |     );
   @ ./.cache/production-app.js 18:0-45 21:23-36 26:23-36

كل شيء يعمل بشكل جيد قبل ترقية gatsby . 🤷‍♂️

ooloth في ٢٢ يناير ٢٠١٩

تضمين التغريدة

هل يمكنك ربط الحد الأدنى من النسخ من هذا؟

sidharthachatterjee في ٢٢ يناير ٢٠١٩

أحصل على نفس الخطأ باستخدام Gatsby v 2.0.55 حيث تم تعطيل package-lock.json في .npmrc. الموقع مبني من مساحة عمل نظيفة يوميا. ذات يوم نجحت ، وفي اليوم التالي لم تنجح. أظن أن الخطأ مرتبط ببعض التبعية العابرة التي تغيرت.

magnusarinell في ٢٤ يناير ٢٠١٩

نفس المشكلة عندما أقوم بترقية gatsby من v2.0.91 إلى v2.0.93 ( v2.0.92 ) غير موجودة

cyrildurand في ٢٥ يناير ٢٠١٩

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

يؤدي تشغيل npm update في المستودع الخاص بي حاليًا إلى فشل الإنشاء ، ولكنه لا ينطبق على موقع الويب الشخصي الخاص بي .

سأستمر في البحث حتى أجد سبب ذلك أو اكتشفه شخص آخر. إذا تمكنت من عزله بشكل نظيف ، فسأعيد نشره هنا.

شكر!

madelyneriksen في ٢٦ يناير ٢٠١٩

كذلك هنا!
لقد كتبت npm update -g npm للحصول على إصدار npm 6.7.0 ولدي برنامج gatsby 2.0.98.

gatsby plugin version غير متصل -> 2.0.21

المستودع مع هذه المشكلة: ها أنت ذا .