Gatsby: 2.0.84 में अपग्रेड के बाद `async-आवश्यकताएँ` में" अनपेक्षित टोकन "के साथ बिल्ड विफल हो जाता है

मैं 2.0.62 से 2.0.91 अपग्रेड करने के बाद एक समान त्रुटि का सामना कर रहा हूं।

मेरे मामले में, gatsby develop ठीक काम करता है, लेकिन gatsby build त्रुटियां template.js पृष्ठ (यदि मैं इसे शामिल करता हूं) या 404.js (यदि मैं हटाता हूं) createPages 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 अपग्रेड करने से पहले सब कुछ ठीक रहा। 🤷♂️

@ डलिंडहल @ ऊनथ

क्या आप कृपया इस के न्यूनतम प्रतिकृतियों को लिंक कर सकते हैं?

मुझे Gatsby v 2.0.55 का उपयोग करके वही त्रुटि मिल रही है जहां पैकेज-लॉक.json .npmrc में अक्षम है। साइट को दैनिक रूप से एक साफ कार्यक्षेत्र से बनाया गया है। एक दिन यह काम किया, अगले यह नहीं था। मैं अनुमान लगा रहा हूं कि त्रुटि कुछ क्षणिक निर्भरता से संबंधित है जो बदल गई है।

एक ही मुद्दा जब मैं gatsby v2.0.91 से v2.0.93 ( v2.0.92 ) में अपग्रेड नहीं करता हूं

नमस्ते, यह कहते हुए कि मैं वर्तमान में भी इस मुद्दे का अनुभव कर रहा हूं, लेकिन इसके लिए न्यूनतम प्रजनन का निर्माण करने के लिए संघर्ष कर रहा हूं।

वर्तमान में मेरी रिपॉजिटरी पर npm update चलने से बिल्ड विफल हो जाता है, लेकिन यह मेरी निजी वेबसाइट के लिए नहीं है।

मैं तब तक खोदता रहूँगा जब तक मैं यह नहीं जान सकता कि यह क्या कारण है या कोई और इसका पता लगाता है। अगर मैं इसे अलग-थलग कर पाऊं तो मैं यहां वापस आ जाऊंगा।

धन्यवाद!

मुझे भी!
मैंने npm 6.7.0 संस्करण प्राप्त करने के लिए npm update -g npm टाइप किया है और मेरे पास gatsby 2.0.98 है।

gatsby प्लगइन ऑफ़लाइन संस्करण -> 2.0.21

इस समस्या के साथ भंडार: आप वहाँ जाते हैं ।

क्या आप npm ls साथ स्थापित निर्भरता को सूचीबद्ध कर सकते हैं और node --version ?

बिज़िंगिंग यहाँ भी मददगार हो सकता है। मैं कुछ मिनटों में रेपो का परीक्षण करूंगा।

ठीक है यहाँ वही त्रुटि। मैं इसे काट लूंगा।

ऐसा लगता है कि यह सभी संस्करणों में होता है इसलिए यह एक प्लगइन या शायद एक और निर्भरता है।
आगे परीक्षण करेंगे।

मुझे लगता है कि मुझे इसका कारण मिला। मैं एक पैच और पीआर प्रदान करता हूँ।

@ ऑर्म (गैट्सबी 2.0.60 के लिए एक पैच)

patch-package
--- a/node_modules/gatsby/dist/internal-plugins/query-runner/pages-writer.js
+++ b/node_modules/gatsby/dist/internal-plugins/query-runner/pages-writer.js
@@ -86,9 +86,9 @@ const preferDefault = m => m && m.default || m
     let asyncRequires = `// prefer default export if available
 const preferDefault = m => m && m.default || m
 \n`;
-    asyncRequires += `exports.components = {\n${components.map(c => `  "${c.componentChunkName}": () => import("${(0, _path.joinPath)(c.component)}" /* webpackChunkName: "${c.componentChunkName}" */)`).join(`,\n`)}
+    asyncRequires += `exports.components = {\n${components.map(c => `  "${c.componentChunkName}": () => require("${(0, _path.joinPath)(c.component)}" /* webpackChunkName: "${c.componentChunkName}" */)`).join(`,\n`)}
 }\n\n`;
-    asyncRequires += `exports.data = () => import("${(0, _path.joinPath)(program.directory, `.cache`, `data.json`)}")\n\n`;
+    asyncRequires += `exports.data = () => require("${(0, _path.joinPath)(program.directory, `.cache`, `data.json`)}")\n\n`;

     const writeAndMove = (file, data) => {
       const destination = (0, _path.joinPath)(program.directory, `.cache`, file);

import से require बदलकर इसे काम करना चाहिए। वहाँ शायद सिर्फ एक लापता लोडर है, लेकिन क्यों import करें वैसे भी जब ईएसएम तरीका सिर्फ मुद्दों का उत्पादन करता है और exports साथ import करना कभी भी एक अच्छा विचार नहीं है।

+ [email protected]
+ [email protected]
+ [email protected]
+ [email protected]
+ [email protected]
+ [email protected]
added 9 packages from 3 contributors, removed 4 packages, updated 92 packages and audited 43569 packages in 200.269s

diff 23.cache/ .cache/
Only in 23.cache/: .sonarlint
Common subdirectories: 23.cache/__tests__ and .cache/__tests__
Common subdirectories: 23.cache/caches and .cache/caches
Common subdirectories: 23.cache/commonjs and .cache/commonjs
diff 23.cache/data.json .cache/data.json
1c1
< {"pages":[{"componentChunkName":"component---src-pages-index-js","jsonName":"index","path":"/"},{"componentChunkName":"component---src-pages-404-js","jsonName":"404-html-516","path":"/404.html"},{"componentChunkName":"component---src-pages-404-js","jsonName":"404-22d","path":"/404/"},{"componentChunkName":"component---src-pages-about-js","jsonName":"about-f34","path":"/about/"},{"componentChunkName":"component---src-pages-contact-js","jsonName":"contact-26a","path":"/contact/"}],"dataPaths":{"404-22d":"657/path---404-22-d-bce-yc2HAWbdDECy3NCKIhFOCg1lY8","404-html-516":"84/path---404-html-516-62a-yc2HAWbdDECy3NCKIhFOCg1lY8","about-f34":"691/path---about-f-34-4c2-WV9OHhcgC975Z2f0az9WK5Dpl0Y","contact-26a":"662/path---contact-26-a-cd9-SNoLKPyPsqQ59X6yAuuT79ALOJc","index":"612/path---index-6a9-j0JKW3rrllGOOtWKwyNn0ujHMk"}}
\ No newline at end of file
---
> {"pages":[{"componentChunkName":"component---src-pages-index-js","jsonName":"index","path":"/"},{"componentChunkName":"component---src-pages-404-js","jsonName":"404-html-516","path":"/404.html"},{"componentChunkName":"component---src-pages-404-js","jsonName":"404-22d","path":"/404/"},{"componentChunkName":"component---src-pages-about-js","jsonName":"about-f34","path":"/about/"},{"componentChunkName":"component---src-pages-contact-js","jsonName":"contact-26a","path":"/contact/"}],"dataPaths":{"404-22d":"657/path---404-22-d-bce-yc2HAWbdDECy3NCKIhFOCg1lY8","404-html-516":"84/path---404-html-516-62a-yc2HAWbdDECy3NCKIhFOCg1lY8","about-f34":"691/path---about-f-34-4c2-WV9OHhcgC975Z2f0az9WK5Dpl0Y","contact-26a":"662/path---contact-26-a-cd9-SNoLKPyPsqQ59X6yAuuT79ALOJc","index":"770/path---index-6a9-dVi4vZoL0B52PVt3C79b9kQk"}}
\ No newline at end of file
diff 23.cache/default-html.js .cache/default-html.js
4,31c4,29
< export default class HTML extends React.Component {
<   render() {
<     return (
<       <html {...this.props.htmlAttributes}>
<         <head>
<           <meta charSet="utf-8" />
<           <meta httpEquiv="x-ua-compatible" content="ie=edge" />
<           <meta
<             name="viewport"
<             content="width=device-width, initial-scale=1, shrink-to-fit=no"
<           />
<           {this.props.headComponents}
<         </head>
<         <body {...this.props.bodyAttributes}>
<           {this.props.preBodyComponents}
<           <noscript key="noscript" id="gatsby-noscript">
<             This app works best with JavaScript enabled.
<           </noscript>
<           <div
<             key={`body`}
<             id="___gatsby"
<             dangerouslySetInnerHTML={{ __html: this.props.body }}
<           />
<           {this.props.postBodyComponents}
<         </body>
<       </html>
<     )
<   }
---
> export default function HTML(props) {
>   return (
>     <html {...props.htmlAttributes}>
>       <head>
>         <meta charSet="utf-8" />
>         <meta httpEquiv="x-ua-compatible" content="ie=edge" />
>         <meta
>           name="viewport"
>           content="width=device-width, initial-scale=1, shrink-to-fit=no"
>         />
>         {props.headComponents}
>       </head>
>       <body {...props.bodyAttributes}>
>         {props.preBodyComponents}
>         <noscript key="noscript" id="gatsby-noscript">
>           This app works best with JavaScript enabled.
>         </noscript>
>         <div
>           key={`body`}
>           id="___gatsby"
>           dangerouslySetInnerHTML={{ __html: props.body }}
>         />
>         {props.postBodyComponents}
>       </body>
>     </html>
>   )
Common subdirectories: 23.cache/fragments and .cache/fragments
Common subdirectories: 23.cache/json and .cache/json
diff 23.cache/navigation.js .cache/navigation.js
37c37
< const onPreRouteUpdate = location => {
---
> const onPreRouteUpdate = (location, prevLocation) => {
39c39
<     apiRunner(`onPreRouteUpdate`, { location })
---
>     apiRunner(`onPreRouteUpdate`, { location, prevLocation })
43c43
< const onRouteUpdate = location => {
---
> const onRouteUpdate = (location, prevLocation) => {
45c45
<     apiRunner(`onRouteUpdate`, { location })
---
>     apiRunner(`onRouteUpdate`, { location, prevLocation })
136c136
<     onPreRouteUpdate(props.location)
---
>     onPreRouteUpdate(props.location, null)
140c140
<     onRouteUpdate(this.props.location)
---
>     onRouteUpdate(this.props.location, null)
145c145
<       onRouteUpdate(this.props.location)
---
>       onRouteUpdate(this.props.location, prevProps.location)
151c151
<       onPreRouteUpdate(this.props.location)
---
>       onPreRouteUpdate(this.props.location, prevProps.location)
diff 23.cache/static-entry.js .cache/static-entry.js
55c55,59
<     <meta name="generator" content={`Gatsby ${gatsbyVersion}`} />,
---
>     <meta
>       name="generator"
>       content={`Gatsby ${gatsbyVersion}`}
>       key={`generator-${gatsbyVersion}`}
>     />,
354,360c358,366
<   const bodyScripts = scripts.filter(s => s.rel !== `prefetch`).map(s => {
<     const scriptPath = `${__PATH_PREFIX__}/${JSON.stringify(s.name).slice(
<       1,
<       -1
<     )}`
<     return <script key={scriptPath} src={scriptPath} async />
<   })
---
>   const bodyScripts = scripts
>     .filter(s => s.rel !== `prefetch`)
>     .map(s => {
>       const scriptPath = `${__PATH_PREFIX__}/${JSON.stringify(s.name).slice(
>         1,
>         -1
>       )}`
>       return <script key={scriptPath} src={scriptPath} async />
>     })

Updater और एक नया बिल्ड रन @madelyneriksen के बाद

patch-package
--- a/node_modules/gatsby/dist/internal-plugins/query-runner/pages-writer.js
+++ b/node_modules/gatsby/dist/internal-plugins/query-runner/pages-writer.js
@@ -88,9 +88,9 @@ const preferDefault = m => m && m.default || m
     let asyncRequires = `// prefer default export if available
 const preferDefault = m => m && m.default || m
 \n`;
-    asyncRequires += `exports.components = {\n${components.map(c => `  "${c.componentChunkName}": () => import("${(0, _path.joinPath)(c.component)}" /* webpackChunkName: "${c.componentChunkName}" */)`).join(`,\n`)}
+    asyncRequires += `exports.components = {\n${components.map(c => `  "${c.componentChunkName}": () => require("${(0, _path.joinPath)(c.component)}" /* webpackChunkName: "${c.componentChunkName}" */)`).join(`,\n`)}
 }\n\n`;
-    asyncRequires += `exports.data = () => import(/* webpackChunkName: "pages-manifest" */ "${(0, _path.joinPath)(program.directory, `.cache`, `data.json`)}")\n\n`;
+    asyncRequires += `exports.data = () => require(/* webpackChunkName: "pages-manifest" */ "${(0, _path.joinPath)(program.directory, `.cache`, `data.json`)}")\n\n`;

     const writeAndMove = (file, data) => {
       const destination = (0, _path.joinPath)(program.directory, `.cache`, file);

इसके लिए काम करना चाहिए ।98

हो सकता है कि मैं गलत रास्ते पर हूँ, परिवर्तन विफल परीक्षण पैदा करता है https://github.com/gatsbyjs/gatsby/pats/11331

अभी तक निश्चित नहीं है कि क्यों।

तो यह अभी भी काम नहीं करता है, है ना?

बिल्ड स्क्रिप्ट मेरे प्रस्तावित परिवर्तन के साथ सफल होती है। लेकिन मुझे यकीन नहीं है कि यह सही समाधान है। इसलिए कृपया इसका परीक्षण करें और समीक्षा करें।

हम्म, या यह नए प्रीसेट के कारण है?
https://github.com/gatsbyjs/gatsby/commit/69faca0bff0e2c04e6b3b50bba087284c3dbf6b#diff -a30bb413b08d8091d9187909b256c94343

क्या प्लगइन्स सरणी सही है?

क्या मुद्दा एक नए नए गैट्सबी प्रोजेक्ट में भी होता है और क्या इसे सीआई परीक्षणों के साथ पुन: प्रस्तुत किया जा सकता है?

मैंने npm update और समस्या दूर हो गई

कृपया स्थापित निर्भरताओं की एक सूची प्रदान करें (अद्यतन से पहले और बाद में)।

@DanielRuf , मैं इसे पुन: पेश नहीं कर सकता मुझे लगता है कि यह एक अस्थायी था जिसे मैं अभी भी त्रुटि प्राप्त कर रहा हूं।

एक वर्कअराउंड एनपीएम के बजाय यार्न के साथ निर्भरता स्थापित करना है जो एनपीएम लॉकफाइल को आयात करने के बाद काम करने लगता है।

आप मेरे npm ls को gatsby v2.0.91 (बिल्ड सफल) और v2.0.93 (बिल्ड विफल) के साथ यहां पा सकते हैं: https://gist.github.com/cyrildurand/f4b70abffff288117ea3996500532774

मैं अभी भी gatsby 2.0.103 के साथ समस्या है

क्या आपने yarn साथ निर्भरताएं स्थापित करने का प्रयास किया?

@cyrildurand
क्या आपने npm स्थापित करते समय इस त्रुटि का सामना किया था?

मेरा भी यही मुद्दा था, लेकिन arcon 6.0 में

क्या आपने npm स्थापित करते समय इस त्रुटि का सामना किया था

यह सिर्फ एक चेतावनी है और गैट्सबी मुद्दे से संबंधित नहीं है।

acorn की स्थापना के बाद एक ही त्रुटि

यह yarn साथ काम करता है। मैंने yarn list आउटपुट के साथ gist को अपडेट किया

एकोर्न की स्थापना के बाद एक ही त्रुटि

कौन सी त्रुटि?

मैंने @ seonim-ryu द्वारा acorn को अपग्रेड करने का प्रयास किया और gatsby build चलाने की कोशिश की और वही, "अप्रत्याशित टोकन" त्रुटि (इस इस्स्स्स्स के पहले संदेश से एक) थी

यदि मैं यार्न का उपयोग करता हूं, तो मुद्दा गायब हो जाता है, gatsby build कॉमन सफल होता है।

क्या यह पिछले एकॉर्न रिलीज के साथ भी होता है? या यह कारण नहीं है?

क्या आपने मेरा प्रस्तावित सुधार करने की कोशिश की? यकीन नहीं होता कि यह कुछ भी तोड़ देगा।

यह एकोर्न के पिछले संस्करण के साथ भी विफल रहा, मुझे नहीं लगता कि यह इससे संबंधित है।

अब यह काम कर रहा है कि मैं आश्रितों को स्थापित करूं और मुझे यह सुनिश्चित नहीं करना है कि आपके प्रस्तावित तय को कैसे लागू किया जाए।

Node_modules / gatsby / dist / आंतरिक-plugins / query-runner / Pages-writer.js पर जाएं और दो import( से require( बदलें, https://github.com/atsatsjjs भी देखें

यह फिक्स के साथ काम करता है

क्या फिक्स की वजह से कुछ टूटा है? असफल CI महान नहीं दिखता है।

संभवतः एक अलग मुद्दा है, लेकिन मुझे नवीनतम गैट्सबी (2.0.106) में अपग्रेड करने और डॉक्स ('src / Pages / 404.js') के अनुसार 404 पृष्ठ जोड़ने के बाद एक समान त्रुटि मिली। विकास ठीक चलेगा, लेकिन निर्माण विफल रहा।

404 पृष्ठ को अपने स्वयं के फ़ोल्डर में ले जाना ('src / pages / 404 / index.js') ने मेरे अंत में त्रुटि को हल किया और अपेक्षा के अनुसार काम करता है (स्थानीय रूप से और Netlify पर तैनाती)।

मैंने अपना package-lock.json फ़ाइल हटाकर समस्या को ठीक किया और npm install । नई उत्पन्न package-lock.json फ़ाइल में बहुत अंतर था।
यहाँ क्या होता है ठीक-ठीक पता नहीं।

मेरे पास कुछ अलग साइटों पर समान मुद्दों पर चल रहा है। कुछ इसी तरह की निर्भरता और संस्करणों के साथ ... एक त्रुटियों को मार देगा, एक नहीं करेगा। यह 2.0.98 के आसपास होने लगा, मेरा मानना ​​है और अभी भी 2.0.106 के साथ है। मैंने नोड_मॉड्यूल्स,। कैश और सार्वजनिक फ़ोल्डरों को हटाने की कोशिश की है, लेकिन इससे कोई मदद नहीं मिली है। केवल निर्माण पर होता है, विकास नहीं।

@cyrildurand
मैंने पैकेज-लॉक का नाम बदलकर कुछ और कर दिया, और npm install एड सब कुछ, लेकिन मुझे फिर से मिला:

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("/home/foldername/abcrypto/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

क्या आपने अपने node_modules फ़ोल्डर को साफ़ किया है?

आप उसे कैसे करते हैं? :(

npm prune node_modules ?

या मैं नोड_मॉडल फ़ोल्डर के अंदर मैन्युअल रूप से सब कुछ हटा दूं?

संपादित करें: मैंने नोड_मॉडल फ़ोल्डर का नाम बदला है और अब यह काम करता है: +1:

• पैकेज-लॉक का नाम बदलें। किसी और चीज़ पर जाएं
• कुछ और करने के लिए नोड_मॉडल फ़ोल्डर का नाम बदलें
• npm install मुख्य फ़ोल्डर में

साभार @cyrildurand
@DanielRuf सुझाव के बाद संपादित किया गया

बस एक बैकअप के लिए इसका नाम बदलें।

तो यह वास्तव में एक पुरानी निर्भरता के साथ सिर्फ एक मुद्दा है?

मैंने कई बार नोड मॉड्यूल हटाए और यह मेरे लिए कभी तय नहीं हुआ। केवल उन चीजों पर काम किया गया है जो ऊपर यार्न या पैच फ़ाइल है।

@krazik और क्या आपने पैकेज / लॉक का नाम बदला है।

हाँ

बस यह सुनिश्चित करने के लिए कि मैंने इसे फिर से आज़माया है, और दोनों को हटाने से मैं ऊपर की त्रुटि पा सकता हूं लेकिन अब इसमें चला जाऊंगा

त्रुटि: मॉड्यूल को 'कोर-जेएस / मॉड्यूल / es6.regexp.to-string' नहीं मिल सकता है
त्रुटि: मॉड्यूल को 'कोर-जेएस / मॉड्यूल / es6.regexp.to-string' नहीं मिल सकता है

निर्माण और विकास दोनों के लिए।

error Cannot find module 'core-js/modules/es6.regexp.to-string'


  Error: Cannot find module 'core-js/modules/es6.regexp.to-string'

  - loader.js:611 Function.Module._resolveFilename
    internal/modules/cjs/loader.js:611:15

  - loader.js:537 Function.Module._load
    internal/modules/cjs/loader.js:537:25

  - loader.js:665 Module.require
    internal/modules/cjs/loader.js:665:17

  - helpers.js:20 require
    internal/modules/cjs/helpers.js:20:18

  - render-page.js:3 webpackUniversalModuleDefinition
    /Users/rylanhazelton/dev/Admin/public/render-page.js:3:170

  - render-page.js:10 Object.<anonymous>
    /Users/rylanhazelton/dev/Admin/public/render-page.js:10:3

  - loader.js:736 Module._compile
    internal/modules/cjs/loader.js:736:30

  - loader.js:747 Object.Module._extensions..js
    internal/modules/cjs/loader.js:747:10

  - loader.js:628 Module.load
    internal/modules/cjs/loader.js:628:32

  - loader.js:568 tryModuleLoad
    internal/modules/cjs/loader.js:568:12

  - loader.js:560 Function.Module._load
    internal/modules/cjs/loader.js:560:3

  - loader.js:665 Module.require
    internal/modules/cjs/loader.js:665:17

  - helpers.js:20 require
    internal/modules/cjs/helpers.js:20:18

  - worker.js:32 Promise
    [Admin]/[gatsby]/dist/utils/worker.js:32:35

  - debuggability.js:313 Promise._execute
    [Admin]/[bluebird]/js/release/debuggability.js:313:9

  - promise.js:483 Promise._resolveFromExecutor
    [Admin]/[bluebird]/js/release/promise.js:483:18


error UNHANDLED REJECTION


  Error: Cannot find module 'core-js/modules/es6.regexp.to-string'

  - loader.js:611 Function.Module._resolveFilename
    internal/modules/cjs/loader.js:611:15

  - loader.js:537 Function.Module._load
    internal/modules/cjs/loader.js:537:25

  - loader.js:665 Module.require
    internal/modules/cjs/loader.js:665:17

  - helpers.js:20 require
    internal/modules/cjs/helpers.js:20:18

  - render-page.js:3 webpackUniversalModuleDefinition
    /Users/rylanhazelton/dev/Admin/public/render-page.js:3:170

  - render-page.js:10 Object.<anonymous>
    /Users/rylanhazelton/dev/Admin/public/render-page.js:10:3

  - loader.js:736 Module._compile
    internal/modules/cjs/loader.js:736:30

  - loader.js:747 Object.Module._extensions..js
    internal/modules/cjs/loader.js:747:10

  - loader.js:628 Module.load
    internal/modules/cjs/loader.js:628:32

  - loader.js:568 tryModuleLoad
    internal/modules/cjs/loader.js:568:12

  - loader.js:560 Function.Module._load
    internal/modules/cjs/loader.js:560:3

  - loader.js:665 Module.require
    internal/modules/cjs/loader.js:665:17

  - helpers.js:20 require
    internal/modules/cjs/helpers.js:20:18

  - worker.js:32 Promise
    [Admin]/[gatsby]/dist/utils/worker.js:32:35

  - debuggability.js:313 Promise._execute
    [Admin]/[bluebird]/js/release/debuggability.js:313:9

  - promise.js:483 Promise._resolveFromExecutor
    [Admin]/[bluebird]/js/release/promise.js:483:18

अपने संपादक को बंद करने की कोशिश करें, .cache, public, node_modules, और package-lock.json को हटाएं। फिर एक npm स्थापित करें।

मुझे पूरा यकीन है कि यह एनपीएम द्वारा सिर्फ कुछ फंकी पैकेज रिज़ॉल्यूशन है।

मैंने अपनी साइटों पर लॉकफ़ाइल और node_modules हटाकर निर्भरताएँ प्राप्त करने का प्रबंधन किया। मैं इसे उन साइटों के बाहर पुन: पेश करने में सक्षम नहीं था जिन्हें तोड़ दिया गया था।

मेरे package-lock.json , node_modules को हटाने और yarn का उपयोग करने के बाद मुझे terser-webpack-plugin cannot call minify of undefined (कुछ ऐसा) के बारे में एक और त्रुटि हुई। इसने मेरे लिए इसे ठीक कर दिया।

मुझे लगता है कि Node.js का इकोसिस्टम वास्तव में सबसे तेज़ ब्रेकिंग है ;-)

नवीनतम terser अद्यतन (एक घंटे पहले जारी) इस प्लगइन को तोड़ता है।

तो यह एक नया मुद्दा है (एक निर्भरता में)।

मैं इसकी पुष्टि कर सकता हूं कि यह दो अलग-अलग मुद्दे हैं, मैं उन दोनों में भाग लेता हूं: https://github.com/gr2m/octokit-rest-documentation/issues/24

इन पंक्तियों से Terser त्रुटि आती है

  const {
    error,
    map,
    code,
    warnings
  } = _terser.default.minify({
    [file]: input
  }, terserOptions);

यह काम करता है अगर आप _terser.default.minify सिर्फ _terser.minify लेते हैं

मैं इस मुद्दे को अपने ट्रैविस सीआई बिल्ड में भी अनुभव कर रहा हूं। यहां तक ​​कि yarn का उपयोग करने से यह ठीक नहीं होता है। किसी भी त्वरित पैच का उपयोग मैं तब तक कर सकता हूं जब तक कि उचित फिक्स न हो जाए? धन्यवाद

Terser त्रुटि को अब हल किया जाना चाहिए

terser-webpack-plugin तय किया गया था और हमने terser-webpack-plugin के नए संस्करण के साथ 2.0.112 प्रकाशित किया था

मुझे यकीन नहीं है कि यह संबंधित है लेकिन क्या आप अपडेट करने की कोशिश कर सकते हैं?

इस समय के दौरान, @DanielRuf @dlindahl आप जिस मुद्दे को देख रहे हैं, उसके न्यूनतम प्रजनन से लिंक कर सकते हैं?

Https://github.com/gatsbyjs/gatsby/issues/11198#issuecomment -4545909064 देखें

@sidharthachatterjee मैं पुष्टि कर सकता हूं, विशिष्ट [email protected] पर अपग्रेड करने से Gitabab CI पर मेरी समस्या हल हो गई है।

Terser त्रुटि को अब हल किया जाना चाहिए

की पुष्टि की।

चलो इसे बाहर बंद करें। कृपया टिप्पणी करें कि क्या हम आगे मदद कर सकते हैं या यदि यह तय नहीं किया गया है।

सबको शुक्रीया!

मूल त्रुटि जो इस समस्या के लिए बनी हुई थी:

Error: ./.cache/async-requires.js 8:11
Module parse failed: Unexpected token (8:11)

@ gr2m क्या आप एक प्रजनन प्रदान कर सकते हैं?

किसी भी मामले में - मैं फिर से खुला हूँ, धन्यवाद!

मेरे पास एक ही मुद्दा था।
मॉड्यूल पार्स विफल: अप्रत्याशित टोकन (8:11)
इस फ़ाइल प्रकार को संभालने के लिए आपको एक उपयुक्त लोडर की आवश्यकता हो सकती है

यार्न फिक्स ने मेरे लिए काम किया।

हटाने .cache / सार्वजनिक / node_modules काम नहीं किया।

Npm अद्यतन चलाने के बाद मेरे लिए समस्या शुरू हुई।

वही मुद्दा यहाँ।

    "@magicsoup.io/stock": "0.0.11",
    "@zauberware/react-scroll-to": "^0.1.1",
    "@zauberware/react-svg-assets": "^0.10.2",
    "babel-plugin-styled-components": "^1.10.0",
    "gatsby": "^2.0.115",
    "gatsby-image": "^2.0.29",
    "gatsby-plugin-htaccess": "^1.0.8",
    "gatsby-plugin-manifest": "^2.0.17",
    "gatsby-plugin-offline": "^2.0.22",
    "gatsby-plugin-react-helmet": "^3.0.6",
    "gatsby-plugin-sharp": "^2.0.20",
    "gatsby-plugin-sitemap": "^2.0.5",
    "gatsby-plugin-styled-components": "^3.0.5",
    "gatsby-plugin-web-font-loader": "^1.0.4",
    "gatsby-source-filesystem": "^2.0.20",
    "gatsby-transformer-json": "^2.1.8",
    "gatsby-transformer-remark": "^2.2.4",
    "gatsby-transformer-sharp": "^2.1.13",
    "marksy": "^6.1.0",
    "prop-types": "^15.6.2",
    "react": "^16.7.0",
    "react-dom": "^16.7.0",
    "react-helmet": "^5.2.0",
    "react-i18next": "^10.0.0",
    "react-obfuscate": "^3.0.0",
    "react-slick": "^0.23.2",
    "styled-components": "^4.1.3",
    "styled-normalize": "^8.0.6",
    "styled-system": "^3.2.1",

टेम्प्लेट को src / टेम्प्लेट से लोड करने की कोशिश करता है

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-markdown-template-js": function componentSrcTemplatesMarkdownTemplateJs() {
  >     return import("/Users/simon/workspaces/web/altstadtdomizil/src/templates/markdownTemplate.js"
  |     /* webpackChunkName: "component---src-templates-markdown-template-js" */
  |     );
   @ ./.cache/production-app.js 18:0-45 21:23-36 26:23-36

gatsby-Node.js

exports.createPages = ({ actions, graphql }) => {
  const { createPage } = actions

  const blogPostTemplate = path.resolve(`src/templates/markdownTemplate.js`)

  return graphql(`
    {
      allMarkdownRemark(
        sort: { order: DESC, fields: [frontmatter___title] }
        limit: 1000
      ) {
        edges {
          node {
            frontmatter {
              path
            }
          }
        }
      }
    }
  `).then(result => {
    if (result.errors) {
      return Promise.reject(result.errors)
    }

    result.data.allMarkdownRemark.edges.forEach(({ node }) => {
      createPage({
        path: node.frontmatter.path,
        component: blogPostTemplate,
        context: {}, // additional data can be passed via context
      })
    })
  })
}

अगर मैं gatsby-node.js टिप्पणी करता हूं तो मुझे यह त्रुटि मिल रही है:

  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/simon/workspaces/web/altstadtdomizil/src/pages/404.js"
  |     /* webpackChunkName: "component---src-pages-404-js" */
  |     );
   @ ./.cache/production-app.js 18:0-45 21:23-36 26:23-36

आयात वापस करें (

कृपया अन्य टिप्पणियाँ देखें।

यह 2.0.115 से 2.0.116 या 2.0.117 में अपग्रेड करते समय बैज / शील्ड # 2947 में दिखाई देता है।

मैंने हाल ही में बैज / शील्ड # 2949 को मर्ज कर दिया था, जिसने babel-preset-gatsby 0.1.6 से 0.1.7 तक

समस्या CI में पकड़ी गई थी और वहाँ लगातार प्रकट होती है। हमारे CI .cache संरक्षण नहीं करते हैं, ताकि उन्हें खारिज किया जा सके।

  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---frontend-components-main-js": function componentFrontendCompo  nentsMainJs() {
  >     return import("/home/circleci/project/frontend/components/main.js"
  |     /* webpackChunkName: "component---frontend-components-main-js" */
  |     );
   @ ./.cache/production-app.js 18:0-45 21:23-36 26:23-36

https://circleci.com/gh/badges/shields/39885

मुझे लगता है कि यह मुद्दा हो सकता है: वेबपैक / वेबपैक # 8656।

जोड़ा गया: लक्षण मेल खाते हैं और समय भी फिट बैठता है।

@paulmelnikow अच्छी पकड़। और यही कारण है कि मैं सीजेएस का उपयोग करने की सलाह देता हूं अगर हमें ईएसएम का उपयोग नहीं करना पड़ता है - यह अभी भी बंडलर्स में 100% विश्वसनीय नहीं है। और दूसरा तरीका अभी भी काम करना चाहिए।

तो वेब पैकेज को रूट पैकेज में पिन करना.जॉन को काम करना चाहिए?

और यह भी जेएस पारिस्थितिकी तंत्र में सेम वीर पूरी तरह से टूटा हुआ है। (गहरे) डिपो के स्वचालित अपडेट क्योंकि लॉकफाइल्स केवल रूट स्तर में काम करते हैं।

स्पष्ट होने के लिए, acorn और जिस तरह से npm को हल करता है वह मुद्दा और कारण हैं।

https://github.com/webpack/webpack/issues/8656#issuecomment -456010969

मैं इसे पुन: उत्पन्न कर सकता हूं (एक और कारण है कि हम अभी भी काम पर यार्न का उपयोग करते हैं)।

सटीक होना, यह एक npm मुद्दा है।

https://npm.community/t/packages-with-peerdependencies-are-incorrectly-hoisted/4794/4

https://npm.community/t/release-npm-6-8-0-next-0/5058

समाधान: नवीनतम npm रिलीज स्थापित करें।

मुझे यकीन नहीं है कि मैं उस आकलन से सहमत हूं। यह एनपीएम में प्रकट हो सकता है और यार्न में रिज़ॉल्यूशन के अंतर के कारण यार्न नहीं है, हालांकि 4.29.3 स्थापित करने के लिए पूरी तरह से सही संस्करण है जब किसी पैकेज ने ^ 4.12.0 पर निर्भरता घोषित की है। यही कारण है कि देखभाल का मतलब है। यदि गैट्सबी एक विशिष्ट संस्करण को लॉक करना चाहता है तो ऐसा करना स्वागत योग्य है, और उस स्थिति में npm इसे सम्मानित करेगा।

वेबपैक गैट्सबी की एक निर्भरता है, न कि एक सहकर्मी निर्भरता।

मुद्दा npm (यार्न में अलग) में उत्थापन था और इस वजह से acorn को ठीक से लोड नहीं किया जा सका। टोबियास सामुदायिक पोस्ट और इससे जुड़ी टिप्पणी देखें।

मुझे ऐसा लगता है कि मुझे आपको बेहतर तरीके से समझाने की आवश्यकता है। मैंने उन थ्रेड्स को स्किम किया, लेकिन यह नहीं देखा कि यह यहाँ कैसे लागू होता है।

मुझे नहीं पता कि वेबपैक में बग का क्या कारण है; हालांकि अगर हम सहमत हैं कि Gatsby 4.29.3 का उपयोग नहीं करना चाहिए, तो कैरेट निर्भरता को बदलने की आवश्यकता है।

यह यार्न के साथ काम करता है, यह केवल एनपीएम के साथ एक मुद्दा है, विशिष्ट निर्भरता और डेप्री गणना के साथ। तोबियास के पीआर देखें।

Https://github.com/npm/cli/pull/147/files देखें

एईईईई गोचचा। यह npm में सहकर्मी निर्भरता बग है जो कि वेबपैक 4.29 को सही ढंग से काम नहीं करने का कारण बना रहा है।

क्या हम _can_ रोकते हैं वेबपैक 4.29 की स्थापना। और मुझे यकीन नहीं है कि वेबपैक संस्करण को लॉक करने वाले उपयोगकर्ता का एक आसान तरीका है। npm इसे करने का एक तरीका प्रदान नहीं करता है, इसलिए उपयोगकर्ताओं को तृतीय-पक्ष उपकरण npm-force-resolutions जैसी किसी चीज़ का उपयोग करना होगा।

Npm / cli # 152 देखें; ऐसा नहीं लगता कि हम शीघ्र समाधान की उम्मीद कर सकते हैं।

अब जब 2.0.118 जहाज एक बैंड-सहायता, npm उपयोगकर्ता ठीक होना चाहिए, और जाहिर है कि वेबपैक 4.29.x का उपयोग नहीं कर सकते।

क्या मैं सही हूँ कि यार्न उपयोगकर्ता resolutions का उपयोग कर सकते हैं ताकि वे चाहते हैं कि बाद में, आउट-ऑफ-रेंज संस्करण का उपयोग करने के लिए गैट्सबी को मजबूर कर सकें?

@paulmelnikow सही - लेकिन वास्तव में आवश्यक नहीं होना चाहिए और मुझे यकीन है कि ऐसा करने में कोई विशेष आवश्यक लाभ नहीं है।

जैसे ही हम (npm मुद्दे का पालन कर) कर रहे हैं, वैसे ही हम पिन की गई निर्भरता को अपडेट कर देंगे, इसलिए यह विशेष रूप से npm उपयोगकर्ताओं के लिए एक ब्लिप होना चाहिए।

ठीक करने के लिए धन्यवाद!

_Now_ मुझे लगता है कि मैं इसे बंद कर सकता हूं :)

2.0.118 रिलीज के साथ तय की गई पुष्टि!

यह आश्चर्यजनक था। अद्भुत काम के लिए आप सभी का धन्यवाद!

सभी को प्रणाम! मुझे आश्चर्य है कि अगर आप लोग npm install gatsby@webpack-acorn एक स्पिन दे सकते हैं। हम वेबपैक को नवीनतम संस्करण में अपग्रेड करना चाहते हैं लेकिन हमें यकीन नहीं है कि यह अभी भी एक मुद्दा है। मैं इसे पुन: पेश नहीं कर सका लेकिन हम खेद के बजाय सुरक्षित रहना चाहते हैं।

हाय @wardpeet! खोज लेने के लिए धन्यवाद।

मैंने यहां एक शाखा बनाई: बैज / शील्ड # 3572

ऐसा लगता है कि यह अभी भी एक मुद्दा है: https://circleci.com/gh/badges/shields/57401

स्थानीय स्तर पर पुन: पेश करने के कदम उस शाखा का क्लोन बनाने के लिए और npm ci चलेंगे, जिसके बाद npm run build । बेझिझक करें कि यदि आप चाहें, या मुझे पिंग करें और मैं पीआर शाखा को अपडेट कर सकता हूं।

@paulmelnikow बहुत बहुत धन्यवाद! क्या आप यह भी बता सकते हैं कि आप किस नोड और एनपीएम संस्करण का उपयोग कर रहे हैं ताकि मैं इसे आपके सेटअप के साथ-साथ मेरे लिए काम करने की स्थिति में चला सकूं।

यह वही है जो मुझे स्थानीय रूप से मिला है:

~/c/shields (bump-webpack-rc|✔) $ node --version
v10.13.0
~/c/shields (bump-webpack-rc|✔) $ npm --version
6.9.0

सीआई में यह नोड 8 में भी हो रहा है (निश्चित रूप से सटीक एनपीएम संस्करण नहीं)।

समस्या दोनों वातावरण में प्रतिलिपि प्रस्तुत करने योग्य है।

इसे देखने के लिए धन्यवाद!