Gatsby: WebpackError: Unveränderlicher Verstoß: Minimierter Reaktionsfehler #62

Erstellt am 26. Jan. 2019  ·  1Kommentar  ·  Quelle: gatsbyjs/gatsby

Damit wir Ihnen leichter helfen können, geben Sie bitte so viele nützliche Informationen wie möglich an. Nützliche Links: - Dokumentation: https://www.gatsbyjs.org/docs/ Gatsby hat mehrere Community-Supportkanäle. Stellen Sie Ihre Frage auf: - Discord: https://gatsby.app/discord - Spectrum: https:// Spektrum.chat/gatsby-js - Twitter: https://twitter.com/gatsbyjs Bevor Sie eine neue Ausgabe öffnen, suchen Sie bitte in bestehenden Ausgaben https://github.com/gatsbyjs/gatsby/issues

Zusammenfassung

Gatsby build wirft WebpackError: Invariant Violation: Minified React error #62 Fehler, Gatsby Develop funktioniert ohne Probleme, obwohl gatsby develop works fine .

Relevante Information

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.

Dies ist die vollständige Fehlermeldung, die ich erhalte. Ich habe versucht, jede falsche Zuordnung von Stileigenschaften zu beseitigen, wie in der vollständigen React-Fehlermeldung beschrieben, aber das Problem besteht weiterhin. Ich habe auch .cache gelöscht.

Ich weiß nicht, was sonst noch das Problem sein könnte, da ich früher einen erfolgreichen Build durchführen konnte und die Meldung keine weiteren Einblicke in die Fehler an meinem Code bietet, zumal ich ihn perfekt mit gatsby develop ausführen kann

Umgebung (falls zutreffend)

```
System:
Betriebssystem: macOS 10.14.2
CPU: (8) x64 Intel(R) Core(TM) i7-4750HQ CPU @ 2,00 GHz
Shell: 3.2.57 - /bin/bash
Binärdateien:
Knoten: 11.7.0 - /usr/local/bin/node
Garn: 1.13.0 - /usr/local/bin/garn
npm: 6.5.0 - /usr/local/bin/npm
Sprachen:
Python: 2.7.10 - /usr/bin/python
Browser:
Chrom: 71.0.3578.98
Safari: 12.0.2
npmPakete:
gatsby: ^2.0.76 => 2.0.76
gatsby-image: ^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-sharp: ^2.0.14 => 2.0.16
gatsby-source-filesystem: ^2.0.8 => 2.0.12
gatsby-transformator-scharf: ^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 -->

module.exports = {
siteMetadaten: {
Titel: Gatsby Starter ,
Beschreibung: Kick off your next, great Gatsby project with this default starter. This barebones starter ships with the main Gatsby configuration files you might need. ,
Autor: @gatsbyjs ,
SocialLinks: [
{
Name: Link 1 ,
URL: https://twitter.com/ ,
},
{
Name: link 2 ,
URL: https://github.com/ ,
}
],
Merkmale: [
{
Titel: Feature 1 ,
Beschreibung: Kick off your next, great Gatsby project with this default starter. This barebones starter ships with the main Gatsby configuration files you might need. ,
},
{
Titel: Feature 2 ,
Beschreibung: Kick off your next, great Gatsby project with this default starter. This barebones starter ships with the main Gatsby configuration files you might need. ,
},
{
Titel: Feature 3 ,
Beschreibung: Kick off your next, great Gatsby project with this default starter. This barebones starter ships with the main Gatsby configuration files you might need. ,
},
],
},
Plugins: [
gatsby-plugin-react-helmet ,
{
lösen: gatsby-source-filesystem ,
Optionen: {
Name: images ,
Pfad: ${__dirname}/src/images ,
},
},
gatsby-transformer-sharp ,
gatsby-plugin-sharp ,
{
lösen: gatsby-plugin-manifest ,
Optionen: {
Name: gatsby-starter-default ,
Kurzname: starter ,
start_url: / ,
background_color: #663399 ,
theme_color: #663399 ,
Anzeige: minimal-ui ,
icon: src/images/gatsby-icon.png , // Dieser Pfad ist relativ zum Stammverzeichnis der Site.
},
},
// dieses (optionale) Plugin ermöglicht Progressive Web App + Offline-Funktionalität
// Um ​​mehr zu erfahren, besuchen Sie: https://gatsby.app/offline
// 'gatsby-plugin-offline',
],
}

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

{
"name": "gatsby-starter-default",
"privat": wahr,
"description": "Ein einfacher Einstieg, um mit Gatsby schnell aufzustehen und sich schnell zu entwickeln",
"version": "0.1.0",
"Autor": "Kyle Mathews [email protected] ",
"Abhängigkeiten": {
"gatsby": "^2.0.76",
"gatsby-image": "^2.0.20",
"gatsby-plugin-manifest": "^2.0.9",
"gatsby-plugin-offline": "^2.0.16",
"gatsby-plugin-react-helm": "^3.0.2",
"gatsby-plugin-sharp": "^2.0.14",
"gatsby-source-filesystem": "^2.0.8",
"gatsby-transformator-sharp": "^2.1.8",
"prop-types": "^15.6.2",
"reagieren": "^16.6.3",
"react-dom": "^16.6.3",
"react-helm": "^5.2.0"
},
"Schlüsselwörter": [
"gatsby"
],
"Lizenz": "MIT",
"Skripte": {
"build": "gatsby build",
"entwickeln": "gatsby entwickeln",
"start": "npm run entwickeln",
"format": "schöner --write \"src/ */ .js\"",
"test": "echo \"Tests schreiben! -> https://gatsby.app/unit-testing\ ""
},
"devDependencies": {
"schöner": "^1.15.2"
},
"Repository": {
"typ": "git",
"url": " https://github.com/gatsbyjs/gatsby-starter-default "
},
"Fehler": {
"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

Hilfreichster Kommentar

~ @AlexanderProd Ich habe das gleiche Problem; was war der Grund für dich?~

Egal, in meinem Fall habe ich verwendet

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

innerhalb der automatisch generierten SEO.js <Helmet /> Instanz

Für andere Leute, die von Google kommen, ist der Fehler ein falscher style Aufruf (dh keine Zeichenfolgen verwenden, keine Objekte verwenden).

>Alle Kommentare

~ @AlexanderProd Ich habe das gleiche Problem; was war der Grund für dich?~

Egal, in meinem Fall habe ich verwendet

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

innerhalb der automatisch generierten SEO.js <Helmet /> Instanz

Für andere Leute, die von Google kommen, ist der Fehler ein falscher style Aufruf (dh keine Zeichenfolgen verwenden, keine Objekte verwenden).

War diese Seite hilfreich?
0 / 5 - 0 Bewertungen

Verwandte Themen

jimfilippou picture jimfilippou  ·  3Kommentare

timbrandin picture timbrandin  ·  3Kommentare

brandonmp picture brandonmp  ·  3Kommentare

dustinhorton picture dustinhorton  ·  3Kommentare

kalinchernev picture kalinchernev  ·  3Kommentare