Gatsby: Build gagal setelah dengan "Token tak terduga" di `async-require` setelah peningkatan versi ke 2.0.84

Dibuat pada 21 Jan 2019 · 81Komentar · Sumber: gatsbyjs/gatsby

Deskripsi

Menjalankan rm -rf .cache && rm -rf public && gatsby-build berfungsi dengan baik di bawah 2.0.83. Setelah memutakhirkan ke 2.0.84, kesalahan muncul, membatalkan pembangunan.

Langkah-langkah untuk mereproduksi

Satu-satunya yang saya ambil adalah menjalankan gatsby build . Setelah menurunkan versi kembali ke 2.0.83, masalah tersebut hilang.

Hasil yang diharapkan

Pembangunan harus berhasil diselesaikan

Hasil sebenarnya

Build berhenti dengan kesalahan berikut:

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

Lingkungan Hidup

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

Saya melihat # 10038 yang terdengar familiar, tetapi konfigurasi Webpack saya tidak menarik:

// 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']
    }
  })
}

Dan mengomentari blokir itu tidak memperbaiki kesalahan.

Jika saya mengganti gatsby-plugin-offline dengan gatsby-plugin-remove-serviceworker , masalahnya tetap ada, tetapi dengan impor asinkron yang berbeda.

FWIW, saya tidak melihat perbedaan dalam konten async-require.js di versi 2.0.83 atau 2.0.84 dan memutakhirkan gatsby-plugin-offline tidak ada bedanya juga.

needs reproduction question or discussion

Sumber

dlindahl

👍21 😕8

Komentar yang paling membantu

Solusinya adalah menginstal dependensi dengan Yarn alih-alih npm yang tampaknya berfungsi setelah mengimpor lockfile npm.

DanielRuf pada 28 Jan 2019

❤2 👍2 🎉1

Semua 81 komentar

Saya mengalami kesalahan serupa setelah meningkatkan dari 2.0.62 menjadi 2.0.91 .

Dalam kasus saya, gatsby develop berfungsi dengan baik, tetapi gatsby build kesalahan pada halaman template.js (jika saya memasukkannya) atau 404.js (jika saya menghapus createPages potongan dari 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

atau

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

Semuanya bekerja dengan baik sebelum meningkatkan gatsby . 🤷‍♂️

ooloth pada 22 Jan 2019

@lindahl @lindahl

Bisakah Anda menautkan ke reproduksi minimal ini?

sidharthachatterjee pada 22 Jan 2019

Saya mendapatkan kesalahan yang sama menggunakan Gatsby v 2.0.55 di mana package-lock.json dinonaktifkan di .npmrc. Situs ini dibangun dari ruang kerja yang bersih setiap hari. Suatu hari itu berhasil, hari berikutnya tidak. Saya menduga kesalahan tersebut terkait dengan beberapa ketergantungan sementara yang telah berubah.

magnusarinell pada 24 Jan 2019

masalah yang sama ketika saya meningkatkan gatsby dari v2.0.91 menjadi v2.0.93 ( v2.0.92 ) tidak ada

cyrildurand pada 25 Jan 2019

Hai, menimpali untuk mengatakan bahwa saya saat ini juga mengalami masalah ini, tetapi saya sedang berjuang untuk membuat reproduksi minimal untuk itu.

Saat ini menjalankan npm update di repositori saya memang menyebabkan build gagal, tetapi tidak untuk situs pribadi saya.

Saya akan terus menggali sampai saya dapat menemukan apa yang menyebabkannya atau orang lain mengetahuinya. Jika saya bisa mengisolasi dengan bersih saya akan posting kembali di sini.

Terima kasih!

madelyneriksen pada 26 Jan 2019

Sama disini!
Saya telah mengetik npm update -g npm untuk mendapatkan versi npm 6.7.0 dan saya menggunakan gatsby 2.0.98.

versi offline plugin gatsby -> 2.0.21

Repositori dengan masalah ini: ini dia .

omrllm pada 27 Jan 2019

Anda juga dapat membuat daftar dependensi yang terinstal dengan npm ls dan menjalankan node --version ?