Gatsby: WebpackError: Pelanggaran Invarian: React error yang diperkecil #62

Dibuat pada 26 Jan 2019  ·  1Komentar  ·  Sumber: gatsbyjs/gatsby

Untuk memudahkan kami membantu Anda, harap sertakan sebanyak mungkin informasi yang bermanfaat. Tautan Berguna: - Dokumentasi: https://www.gatsbyjs.org/docs/ Gatsby memiliki beberapa saluran dukungan komunitas, coba ajukan pertanyaan Anda di: - Perselisihan: https://gatsby.app/discord - Spektrum: https:// spectrum.chat/gatsby-js - Twitter: https://twitter.com/gatsbyjs Sebelum membuka edisi baru, silakan cari masalah yang ada https://github.com/gatsbyjs/gatsby/issues

Ringkasan

Gatsby build melempar WebpackError: Invariant Violation: Minified React error #62 kesalahan, gatsby develop bekerja tanpa masalah meskipun sulit gatsby develop works fine .

Informasi yang relevan

error Building static HTML for pages failed

See our docs page on debugging HTML builds for help https://gatsby.app/debug-html

   8 |  else
   9 |          root["lib"] = factory(root["@reach/router"], root["core-js/modules/es6.array.iterator"], root["core-js/modules/es6.array.sort"], root["core-js/modules/es6.function.name"], root["core-js/modules/es6.map"], root["core-js/modules/es6.object.assign"], root["core-js/modules/es6.regexp.constructor"], root["core-js/modules/es6.regexp.split"], root["core-js/modules/es6.regexp.to-string"], root["core-js/modules/es6.string.ends-with"], root["core-js/modules/es6.string.iterator"], root["core-js/modules/web.dom.iterable"], root["fs"], root["lodash"], root["path"], root["react"], root["react-dom/server"], root["react-helmet"]);
> 10 | })(this, function(__WEBPACK_EXTERNAL_MODULE__reach_router__, __WEBPACK_EXTERNAL_MODULE_core_js_modules_es6_array_iterator__, __WEBPACK_EXTERNAL_MODULE_core_js_modules_es6_array_sort__, __WEBPACK_EXTERNAL_MODULE_core_js_modules_es6_function_name__, __WEBPACK_EXTERNAL_MODULE_core_js_modules_es6_map__, __WEBPACK_EXTERNAL_MODULE_core_js_modules_es6_object_assign__, __WEBPACK_EXTERNAL_MODULE_core_js_modules_es6_regexp_constructor__, __WEBPACK_EXTERNAL_MODULE_core_js_modules_es6_regexp_split__, __WEBPACK_EXTERNAL_MODULE_core_js_modules_es6_regexp_to_string__, __WEBPACK_EXTERNAL_MODULE_core_js_modules_es6_string_ends_with__, __WEBPACK_EXTERNAL_MODULE_core_js_modules_es6_string_iterator__, __WEBPACK_EXTERNAL_MODULE_core_js_modules_web_dom_iterable__, __WEBPACK_EXTERNAL_MODULE_fs__, __WEBPACK_EXTERNAL_MODULE_lodash__, __WEBPACK_EXTERNAL_MODULE_path__, __WEBPACK_EXTERNAL_MODULE_react__, __WEBPACK_EXTERNAL_MODULE_react_dom_server__, __WEBPACK_EXTERNAL_MODULE_react_helmet__) {
     |  ^
  11 | return


  WebpackError: Invariant Violation: Minified React error #62; visit https://reactjs.org/docs/error-decoder.html?invariant=62&args[]= for the full message  or use the non-minified dev environment for full errors and additional helpful warnings.

Ini adalah pesan kesalahan lengkap yang saya dapatkan. Saya sudah mencoba menghilangkan setiap pemetaan properti gaya yang salah seperti yang dijelaskan dalam pesan kesalahan React lengkap tetapi masalahnya masih berlanjut. Saya juga telah menghapus .cache .

Saya tidak tahu apa lagi yang bisa menjadi masalah karena saya bisa melakukan build yang sukses lebih awal dan pesannya tidak memberikan wawasan lagi tentang apa yang mungkin salah dengan kode saya, terutama karena saya dapat menjalankannya dengan sempurna dengan gatsby develop .

Lingkungan (jika relevan)

```
Sistem:
OS: macOS 10.14.2
CPU: (8) x64 Intel(R) Core(TM) i7-4750HQ CPU @ 2.00GHz
Shell: 3.2.57 - /bin/bash
Biner:
Node: 11.7.0 - /usr/local/bin/node
Benang: 1.13.0 - /usr/local/bin/benang
npm: 6.5.0 - /usr/local/bin/npm
Bahasa:
Python: 2.7.10 - /usr/bin/python
Browser:
Chrome: 71.0.3578.98
Safari: 12.0.2
npmPaket:
gatsby: ^2.0.76 => 2.0.76
gatsby-gambar: ^2.0.20 => 2.0.25
gatsby-plugin-manifest: ^2.0.9 => 2.0.12
gatsby-plugin-offline: ^2.0.16 => 2.0.20
gatsby-plugin-react-helm: ^3.0.2 => 3.0.5
gatsby-plugin-tajam: ^2.0.14 => 2.0.16
gatsby-source-filesystem: ^2.0.8 => 2.0.12
gatsby-transformer-sharp: ^2.1.8 => 2.1.9

### File contents (if changed)

`gatsby-config.js`:<!-- Please use a code block or just leave it as is if wasn't changed -->

modul.ekspor = {
situsMetadata: {
judul: Gatsby Starter ,
deskripsi: Kick off your next, great Gatsby project with this default starter. This barebones starter ships with the main Gatsby configuration files you might need. ,
penulis: @gatsbyjs ,
tautan sosial: [
{
nama: Link 1 ,
url: https://twitter.com/ ,
},
{
nama: link 2 ,
url: https://github.com/ ,
}
],
fitur: [
{
judul: Feature 1 ,
deskripsi: Kick off your next, great Gatsby project with this default starter. This barebones starter ships with the main Gatsby configuration files you might need. ,
},
{
judul: Feature 2 ,
deskripsi: Kick off your next, great Gatsby project with this default starter. This barebones starter ships with the main Gatsby configuration files you might need. ,
},
{
judul: Feature 3 ,
deskripsi: Kick off your next, great Gatsby project with this default starter. This barebones starter ships with the main Gatsby configuration files you might need. ,
},
],
},
plugin: [
gatsby-plugin-react-helmet ,
{
menyelesaikan: gatsby-source-filesystem ,
pilihan: {
nama: images ,
jalur: ${__dirname}/src/images ,
},
},
gatsby-transformer-sharp ,
gatsby-plugin-sharp ,
{
menyelesaikan: gatsby-plugin-manifest ,
pilihan: {
nama: gatsby-starter-default ,
nama_pendek: starter ,
start_url: / ,
background_color: #663399 ,
theme_color: #663399 ,
tampilan: minimal-ui ,
icon: src/images/gatsby-icon.png , // Jalur ini relatif terhadap akar situs.
},
},
// plugin (opsional) ini mengaktifkan fungsi Progressive Web App + Offline
// Untuk mempelajari lebih lanjut, kunjungi: https://gatsby.app/offline
// 'gatsby-plugin-offline',
],
}

`package.json`:<!-- Please use a code block or just leave it as is if wasn't changed -->

{
"nama": "gatsby-starter-default",
"pribadi": benar,
"description": "Pemula sederhana untuk bangkit dan berkembang dengan cepat bersama Gatsby",
"versi": "0.1.0",
"penulis": "Kyle Mathews [email protected] ",
"ketergantungan": {
"gatsby": "^2.0.76",
"gatsby-image": "^2.0.20",
"gatsby-plugin-manifest": "^2.0.9",
"gatsby-plugin-offline": "^2.0.16",
"gatsby-plugin-react-helmet": "^3.0.2",
"gatsby-plugin-sharp": "^2.0.14",
"gatsby-source-filesystem": "^2.0.8",
"gatsby-transformer-sharp": "^2.1.8",
"prop-types": "^15.6.2",
"bereaksi": "^16.6.3",
"react-dom": "^16.6.3",
"react-helm": "^5.2.0"
},
"kata kunci": [
"gatsby"
],
"lisensi": "MIT",
"skrip": {
"membangun": "gatsby membangun",
"develop": "gatsby develop",
"mulai": "npm jalankan kembangkan",
"format": "lebih cantik --tulis \"src/ */ .js\"",
"test": "echo \"Tulis tes! -> https://gatsby.app/unit-testing\ ""
},
"devDependencies": {
"lebih cantik": "^1.15.2"
},
"repositori": {
"ketik": "git",
"url": " https://github.com/gatsbyjs/gatsby-starter-default "
},
"bug": {
"url": " https://github.com/gatsbyjs/gatsby/issues "
}
}
`` gatsby-node.js : N/A <!-- Please use a code block or just leave it as is if wasn't changed --> gatsby-browser.js : N/A <!-- Please use a code block or just leave it as is if wasn't changed --> gatsby-ssr.js`: N/A

Komentar yang paling membantu

~ @AlexanderProd Saya mengalami masalah yang sama; apa penyebabmu?~

Tidak apa-apa, dalam kasus saya, saya menggunakan

bodyAttributes={{
  style: 'some style string'
}}

di dalam instance SEO.js 's <Helmet /> . Menggunakan objek gaya tidak berfungsi, yang saya bayangkan adalah masalah dengan helm reaksi. Mengubah gaya saya menjadi kelas dan menggunakannya sebagai gantinya memecahkan masalah saya.

Untuk orang lain yang datang melalui Google, kesalahannya adalah pemanggilan style (yaitu, jangan gunakan string, gunakan objek).

>Semua komentar

~ @AlexanderProd Saya mengalami masalah yang sama; apa penyebabmu?~

Tidak apa-apa, dalam kasus saya, saya menggunakan

bodyAttributes={{
  style: 'some style string'
}}

di dalam instance SEO.js 's <Helmet /> . Menggunakan objek gaya tidak berfungsi, yang saya bayangkan adalah masalah dengan helm reaksi. Mengubah gaya saya menjadi kelas dan menggunakannya sebagai gantinya memecahkan masalah saya.

Untuk orang lain yang datang melalui Google, kesalahannya adalah pemanggilan style (yaitu, jangan gunakan string, gunakan objek).

Apakah halaman ini membantu?
0 / 5 - 0 peringkat

Masalah terkait

benstr picture benstr  ·  3Komentar

signalwerk picture signalwerk  ·  3Komentar

kalinchernev picture kalinchernev  ·  3Komentar

brandonmp picture brandonmp  ·  3Komentar

dustinhorton picture dustinhorton  ·  3Komentar