Gatsby: 2.0.84로 업그레이드 한 후`async-requires`에서 "Unexpected token"으로 빌드가 실패합니다.

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 업그레이드하기 전에 모든 것이 잘 작동했습니다. 🤷‍♂️

트윗 담아 가기

이것의 최소한의 복제에 연결해 주시겠습니까?

.npmrc에서 package-lock.json이 비활성화 된 Gatsby v 2.0.55를 사용하여 동일한 오류가 발생합니다. 이 사이트는 매일 깨끗한 작업 공간에서 지어졌습니다. 어느 날은 효과가 있었지만 다음 날은 그렇지 않았습니다. 오류가 변경된 일시적인 종속성과 관련이 있다고 생각합니다.

gatsby 을 v2.0.91 에서 v2.0.93 ( v2.0.92 )로 업그레이드 할 때 동일한 문제가 존재하지 않습니다.

안녕하세요, 저도 현재이 문제를 겪고 있지만 최소한의 재생산을 구축하는 데 어려움을 겪고 있다고 말합니다.

현재 내 저장소 에서 npm update 를 실행하면 빌드가 실패하지만 내 개인 웹 사이트 에는 적용되지 않습니다.

원인을 찾을 때까지 또는 다른 사람이 알아낼 때까지 계속해서 파헤칠 것입니다. 깨끗하게 분리 할 수 ​​있다면 여기에 다시 게시하겠습니다.

감사!

여기도 마찬가지입니다!
npm 6.7.0 버전을 얻기 위해 npm update -g npm 를 입력했고 gatsby 2.0.98이 있습니다.

개츠비 플러그인 오프라인 버전-> 2.0.21

이 문제가있는 저장소 : 시작 합니다 .

또한 당신과 함께 설치 종속성을 표시 할 수 있습니다 npm ls 실행 node --version ?

이등분은 여기서도 도움이 될 수 있습니다. 몇 분 안에 리포지토리를 테스트하겠습니다.

여기에 같은 오류가 있습니다. 나는 이것을 이등분 할 것이다.

모든 버전에서 발생하는 것으로 보이므로 아마도 플러그인 또는 다른 종속성 일 것입니다.
더 테스트 할 것입니다.

원인을 찾은 것 같습니다. 패치와 PR을 제공하겠습니다.

@omrllm (개츠비 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 변경하면 작동합니다. 아마도 누락 된 로더가있을 수 있지만 ESM 방식이 문제를 생성하고 exports 와 import 혼합하는 것은 결코 좋은 생각이 아닌데 여기서 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 />
>     })

업데이트 프로그램과 새 빌드 실행 후 차이 @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/pull/11331

이유는 아직 확실하지 않습니다.

그래도 안되죠?

내가 제안한 변경으로 빌드 스크립트가 성공합니다. 그러나 이것이 올바른 해결책인지 확실하지 않습니다. 그래서 그것을 테스트하고 검토하십시오.

흠, 아니면 새로운 사전 설정 때문입니까?
https://github.com/gatsbyjs/gatsby/commit/69faca0bff0e2c04e6b3be50bba087284c3dbf6b#diff -a30bb413b08d8091d9187909b256c943

플러그인 배열이 정확합니까?

새로운 Gatsby 프로젝트에서도 문제가 발생하며 CI 테스트를 통해 재현 할 수 있습니까?

나는 npm update 그리고 문제가 사라졌습니다.

설치된 종속성 목록을 제공하십시오 (업데이트 전후).

@DanielRuf , 나는 그것을 재현 할 수 없습니다. 나는 여전히 오류가 발생하는 우연이라고 생각합니다.

해결 방법은 npm 잠금 파일을 가져온 후 작동하는 것처럼 보이는 npm 대신 Yarn을 사용하여 종속성을 설치하는 것입니다.

gatsby v2.0.91 (빌드 성공) 및 v2.0.93 (빌드 실패)에서 내 npm ls 를 찾을 수 있습니다. https://gist.github.com/cyrildurand/f4b70abff19288117ea3996500532774

여전히 gatsby 2.0.103에 문제가 있습니다.

yarn 종속성을 설치하려고 했습니까?

헉헉
npm 을 설치할 때이 오류가 발생 했습니까?

나도 같은 문제가 있었지만 arcon 의 버전을 6.0으로 업그레이드하면 잘 작동했습니다.

npm을 설치할 때이 오류가 발생 했습니까?

이는 경고 일 뿐이며 Gatsby 문제와 관련이 없습니다.

acorn 설치 후 동일한 오류

yarn 와 함께 작동합니다. yarn list 출력으로 요점을 업데이트했습니다.

도토리 설치 후 동일한 오류

어떤 오류?

acorn 업그레이드를 시도했습니다 @ seonim-ryu가 제안하고 gatsby build 실행을 시도했는데 동일한 "예기치 않은 토큰"오류가 발생했습니다 (이 문제의 첫 번째 메시지에서 가져온 오류).

원사를 사용하면 문제가 사라지고 gatsby build 명령이 성공합니다.

이전 도토리 릴리스에서도 발생합니까? 아니면 이것이 원인이 아닙니까?

내가 제안한 수정 사항을 시도 했습니까? 이것이 무엇이든 깨뜨릴 지 확실하지 않습니다.

이전 버전의 도토리에서도 실패했지만 관련이 없다고 생각합니다.

이제 종속성을 설치하고 제안 된 수정 사항을 적용하는 방법을 잘 모르겠습니다.

node_modules / gatsby / dist / internal-plugins / query-runner / pages-writer.js로 이동하여 import( 두 개를 require( 하고 https://github.com/gatsbyjs 참조 / gatsby / issues / 11198 # issuecomment -457915157

수정과 함께 작동합니다.

수정으로 인해 손상된 것이 있습니까? 실패한 CI 빌드는 좋지 않습니다.

아마도 별도의 문제 일 수 있지만 최신 Gatsby (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에서 발생했습니다. node_modules, .cache 및 공용 폴더를 제거하려고 시도했지만 도움이되지 않았습니다. 개발이 아닌 빌드에서만 발생합니다.

헉헉
package-lock.json의 이름을 다른 이름으로 바꾸고 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 ?

아니면 node_modules 폴더 안의 모든 것을 수동으로 삭제합니까?

편집 : node_modules 폴더의 이름을 변경했으며 이제 작동합니다 : +1 :

• package-lock.json을 다른 이름으로 변경하십시오.
• node_modules 폴더의 이름을 다른 이름으로 바꿉니다.
• 기본 폴더의 npm install

감사합니다 @cyrildurand
@DanielRuf 제안 후에 편집 됨

백업을 위해 이름을 변경하십시오.

그렇다면 정말 오래된 종속성에 대한 문제입니까?

노드 모듈을 여러 번 삭제했는데 수정되지 않았습니다. 효과가 있었던 것은 원사 또는 위의 패치 파일뿐입니다.

@krazik 및 package-lock.json을 삭제 / 이름 변경 했습니까?

예

다시 시도했는지 확인하고 둘 다 삭제하면 위의 오류를 지나칠 수 있지만 이제는

오류 : 'core-js / modules / es6.regexp.to-string'모듈을 찾을 수 없습니다.
오류 : 'core-js / modules / 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 설치를 수행하십시오.

나는 그것이 NPM의 펑키 한 패키지 해상도라고 확신합니다.

잠금 파일과 node_modules 를 삭제하여 내 사이트에서 종속성을 분류 할 수있었습니다. 고장난 사이트 밖에서는 재현 할 수 없었습니다.

package-lock.json , node_modules 을 (를) 삭제하고 yarn 를 사용하여 설치 한 후 terser-webpack-plugin cannot call minify of undefined 에 대한 또 다른 오류가 발생했습니다. 이것은 나를 위해 그것을 고쳤습니다.

Node.js 생태계가 정말 가장 빠른 속보라고 생각합니다 ;-)

최신 간결한 업데이트 (한 시간 전에 출시됨)가이 플러그인을 중단합니다.

따라서 이것은 새로운 문제입니다 (종속성).

두 가지 다른 문제인지 확인할 수 있습니다. 두 가지 문제가 모두 발생합니다. 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

Travis CI 빌드에서도이 문제가 발생합니다. yarn 사용해도 문제가 해결되지 않습니다. 적절한 수정이 나올 때까지 사용할 수있는 빠른 패치가 있습니까? 감사

Terser 오류는 지금 해결되어야합니다.

terser-webpack-plugin이 수정되었으며 새로운 버전의 terser-webpack-plugin과 함께 2.0.112를 게시했습니다.

이것이 관련이 있는지 확실하지 않지만 업데이트를 시도해 주시겠습니까?

그동안 @DanielRuf @dlindahl 당신이보고있는 문제의 최소한의 재현에 링크 해 주시겠습니까?

https://github.com/gatsbyjs/gatsby/issues/11198#issuecomment -457905564 참조

@sidharthachatterjee 확인할 수 있습니다. 특정 [email protected]로 업그레이드하면 Gitlab CI에서 내 문제가 해결되었습니다.

Terser 오류는 지금 해결되어야합니다.

확인.

이걸 마무리합시다. 추가로 도움이 필요하거나이 문제가 해결 될 _ 확인되지 않은 경우 _ 의견을 보내주십시오.

모두 감사합니다!

이 문제가 열린 원래 오류는 다음과 같습니다.

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

@ gr2m 복제품 을 제공 할 수 있습니까?

어쨌든 다시 열겠습니다. 감사합니다!

나는 똑같은 문제가 있었다.
모듈 구문 분석 실패 : 예기치 않은 토큰 (8:11)
이 파일 유형을 처리하려면 적절한 로더가 필요할 수 있습니다.

실 수정은 나를 위해 일했습니다.

.cache / public / 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 / templates에서 템플릿을로드하려고합니다.

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

return import (

다른 의견을 참조하십시오.

2.0.115에서 2.0.116 또는 2.0.117로 업그레이드하는 동안 배지 / 실드 # 2947에 표시됩니다.

나는 최근에 babel-preset-gatsby 를 0.1.6에서 0.1.7로 업데이트 한 배지 / 실드 # 2949를 병합했지만, 다운 그레이드에서 해킹을 시도했지만 문제가 해결되지 않았습니다.

문제는 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

이것이 문제라고 생각합니다 : webpack / webpack # 8656.

추가됨 : 증상이 일치하고 타이밍도 맞습니다.

@paulmelnikow 좋은 캐치. 이것이 ESM을 사용할 필요가없는 경우 CJS 사용을 권장하는 이유입니다. 번 들러에서는 여전히 100 % 신뢰할 수 없습니다. 그리고 다른 방법은 여전히 ​​작동합니다.

그렇다면 루트 package.json에 webpack을 고정하면 작동합니까?

그리고 이것이 JS 생태계의 SemVer가 완전히 망가진 이유이기도합니다. 잠금 파일이 루트 수준에서만 작동하기 때문에 (deep) deps의 자동 업데이트가 수행됩니다.

명확하게 말하면 acorn 및 npm이 deptree를 해결하는 방식이 문제와 원인입니다.

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 릴리스를 설치하십시오.

그 평가에 동의하는지 잘 모르겠습니다. 이것은 해상도가 발생하는 방식의 차이로 인해 실이 아닌 npm으로 나타날 수 있지만, 4.29.3은 패키지가 ^ 4.12.0에 대한 종속성을 선언했을 때 설치하기에 완벽하게 올바른 버전입니다. 그것이 캐럿이 의미하는 바입니다. Gatsby가 특정 버전을 잠그고 싶다면 그렇게하는 것을 환영하며,이 경우 npm이이를 존중합니다.

Webpack은 피어 종속성이 아니라 Gatsby의 종속성입니다.

문제는 npm (Yarn에서 다름)의 호이 스팅이며 이로 인해 acorn 제대로로드 할 수 없다는 것입니다. Tobias 커뮤니티 게시물 및 링크 된 댓글을 참조하십시오.

당신이 더 잘 설명 해주길 바래요. 나는 그 스레드를 훑어 보았지만 여기에 어떻게 적용되는지 보지 못했습니다.

Webpack에서 버그의 원인이 무엇인지 모르겠습니다. 그러나 Gatsby가 4.29.3을 사용하지 않아야한다는 데 동의하면 캐럿 종속성을 변경해야합니다.

이는 yarn과 함께 작동하며 특정 종속성 및 deptree 계산과 함께 npm의 문제입니다. Tobias의 PR을 참조하십시오.

https://github.com/npm/cli/pull/147/files 참조

Aiiiee gotcha. 웹팩 4.29가 제대로 작동하지 않는 원인은 npm의 피어 종속성 버그입니다.

우리가 방지 할 수있는 것은 웹팩 4.29의 설치입니다. 그리고 최종 사용자가 웹팩 버전을 잠그는 쉬운 방법이 있는지 잘 모르겠습니다. npm은이를 수행하는 방법을 제공하지 않으므로 사용자는 타사 도구 인 npm-force-resolutions 와 같은 것을 사용해야합니다.

npm / cli # 152; 빠른 해결을 기대할 수없는 것 같습니다.

이제 2.0.118이 반창고를 제공하므로 npm 사용자는 괜찮을 것이며 분명히 웹팩 4.29.x를 사용할 수 없습니다.

원사 사용자가 resolutions 를 사용하여 Gatsby가 원할 경우 범위를 벗어난 최신 버전을 사용하도록 할 수 있다는 것이 맞습니까?

@paulmelnikow 맞습니다-하지만 꼭 필요한 것은 아니며 그렇게하는 데 필요한 특별한 이점이 있는지 잘 모르겠습니다.

가능한 한 빨리 고정 된 종속성을 업데이트 할 것이므로 (지금 npm 문제를 따름) 특히 npm 사용자에게는 일시적 일 것입니다.

수정 해 주셔서 감사합니다!

_ 지금 _ 이거 끝낼 수있을 것 같아요 :)

2.0.118 릴리스로 수정되었습니다!

따라가는 것이 놀랍습니다. 놀라운 작업에 감사드립니다!

모두 안녕! 나는 너희들이 npm install gatsby@webpack-acorn 스핀을 줄 수 있는지 궁금합니다. 웹팩을 최신 버전으로 업그레이드하고 싶지만 이것이 여전히 문제인지 확실하지 않습니다. 나는 그것을 재현 할 수 없었지만 우리는 미안하기보다는 안전하고 싶습니다.

안녕하세요 @wardpeet! 문의 해 주셔서 감사합니다.

여기에 브랜치를 만들었습니다 : badges / shields # 3572

여전히 문제인 것 같습니다 : https://circleci.com/gh/badges/shields/57401

로컬로 복제하는 단계는 해당 분기를 복제하고 npm ci 다음에 npm run build 입니다. 원하시면 언제든지 그렇게 하시거나 저에게 ping을 보내시면 PR 브랜치를 업데이트 할 수 있습니다.

@paulmelnikow 정말 감사합니다! 또한 사용중인 노드 및 npm 버전을 알려 주시면 저에게 맞는 경우를 대비하여 설정으로 실행할 수 있습니다.

이것은 내가 로컬에서 얻은 것입니다.

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

CI에서는 Node 8에서도 발생합니다 (정확한 npm 버전은 확실하지 않음).

문제는 두 환경 모두에서 재현 가능합니다.

조사해 주셔서 감사합니다!