Gatsby: WebpackError : Invariant Violation : Erreur de réaction minifiée #62

Créé le 26 janv. 2019  ·  1Commentaire  ·  Source: gatsbyjs/gatsby

Pour nous permettre de vous aider plus facilement, veuillez inclure autant d'informations utiles que possible. Liens utiles : - Documentation : https://www.gatsbyjs.org/docs/ Gatsby dispose de plusieurs canaux de support communautaire, essayez de poser votre question sur : - Discord : https://gatsby.app/discord - Spectrum : https:// Spectrum.chat/gatsby-js - Twitter : https://twitter.com/gatsbyjs Avant d'ouvrir un nouveau numéro, veuillez rechercher les problèmes existants https://github.com/gatsbyjs/gatsby/issues

Sommaire

Gatsby build génère WebpackError: Invariant Violation: Minified React error #62 erreur gatsby develop works fine .

Les informations pertinentes

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.

C'est le message d'erreur complet que je reçois. J'ai essayé d'éliminer tous les mauvais mappages de propriétés de style, comme décrit dans le message d'erreur React complet, mais le problème persiste. J'ai également supprimé .cache .

Je ne sais pas ce qui pourrait être le problème car j'ai pu faire une compilation réussie plus tôt et le message ne fournit plus d'informations sur ce qui pourrait ne pas aller avec mon code, d'autant plus que je peux parfaitement l'exécuter avec gatsby develop .

Environnement (le cas échéant)

```
Système:
Système d'exploitation : macOS 10.14.2
Processeur : (8) processeur Intel(R) Core(TM) i7-4750HQ x64 à 2,00 GHz
Shell : 3.2.57 - /bin/bash
Binaires :
Nœud : 11.7.0 - /usr/local/bin/node
Fil : 1.13.0 - /usr/local/bin/yarn
npm : 6.5.0 - /usr/local/bin/npm
Langues :
Python : 2.7.10 - /usr/bin/python
Navigateurs :
Chrome : 71.0.3578.98
Safari : 12.0.2
npmPaquets :
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-hors ligne : ^2.0.16 => 2.0.20
gatsby-plugin-react-helmet: ^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-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 -->

module.exports = {
siteMetadata : {
titre : Gatsby Starter ,
description : Kick off your next, great Gatsby project with this default starter. This barebones starter ships with the main Gatsby configuration files you might need. ,
auteur : @gatsbyjs ,
Liens sociaux: [
{
nom : Link 1 ,
URL : https://twitter.com/ ,
},
{
nom : link 2 ,
URL : https://github.com/ ,
}
],
caractéristiques: [
{
titre : Feature 1 ,
description : Kick off your next, great Gatsby project with this default starter. This barebones starter ships with the main Gatsby configuration files you might need. ,
},
{
titre : Feature 2 ,
description : Kick off your next, great Gatsby project with this default starter. This barebones starter ships with the main Gatsby configuration files you might need. ,
},
{
titre : Feature 3 ,
description : Kick off your next, great Gatsby project with this default starter. This barebones starter ships with the main Gatsby configuration files you might need. ,
},
],
},
plug-in : [
gatsby-plugin-react-helmet ,
{
résoudre : gatsby-source-filesystem ,
choix : {
nom : images ,
chemin : ${__dirname}/src/images ,
},
},
gatsby-transformer-sharp ,
gatsby-plugin-sharp ,
{
résoudre : gatsby-plugin-manifest ,
choix : {
nom : gatsby-starter-default ,
nom_court : starter ,
start_url : / ,
background_color : #663399 ,
theme_color: #663399 ,
affichage : minimal-ui ,
icon: src/images/gatsby-icon.png , // Ce chemin est relatif à la racine du site.
},
},
// ce plugin (facultatif) active la fonctionnalité Progressive Web App + Offline
// Pour en savoir plus, visitez : https://gatsby.app/offline
// 'gatsby-plugin-hors ligne',
],
}

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

{
"nom": "gatsby-starter-default",
"privé": vrai,
"description": "Une entrée simple pour se lever et se développer rapidement avec Gatsby",
"version": "0.1.0",
"author": "Kyle Mathews [email protected] ",
"dépendances": {
"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",
"react": "^16.6.3",
"react-dom": "^16.6.3",
"react-helmet": "^5.2.0"
},
"mots clés": [
"Gatsby"
],
"licence": "MIT",
"scripts": {
"build": "gatsby build",
"develop": "gatsby develop",
"start": "npm run develop",
"format": "plus joli --write \"src/ */ .js\"",
"test": "echo \"Ecrivez des tests ! -> https://gatsby.app/unit-testing\ ""
},
"devDependencies": {
"plus joli": "^1.15.2"
},
"référentiel": {
"type": "git",
"url": " https://github.com/gatsbyjs/gatsby-starter-default "
},
"Bugs": {
"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

Commentaire le plus utile

~ @AlexanderProd Je rencontre le même problème; quelle était la cause de la vôtre?~

Tant pis, dans mon cas, j'utilisais

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

à l'intérieur de l'instance <Helmet /> générée automatiquement par SEO.js . L'utilisation d'un objet de style ne fonctionnait pas, ce qui, j'imagine, est un problème avec le casque de réaction. Convertir mon style en classe et l'utiliser à la place a résolu mon problème.

Pour les autres personnes arrivant par Google, l'erreur est une invocation style incorrecte (c'est-à-dire, n'utilisez pas de chaînes, utilisez des objets).

>Tous les commentaires

~ @AlexanderProd Je rencontre le même problème; quelle était la cause de la vôtre?~

Tant pis, dans mon cas, j'utilisais

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

à l'intérieur de l'instance <Helmet /> générée automatiquement par SEO.js . L'utilisation d'un objet de style ne fonctionnait pas, ce qui, j'imagine, est un problème avec le casque de réaction. Convertir mon style en classe et l'utiliser à la place a résolu mon problème.

Pour les autres personnes arrivant par Google, l'erreur est une invocation style incorrecte (c'est-à-dire, n'utilisez pas de chaînes, utilisez des objets).

Cette page vous a été utile?
0 / 5 - 0 notes