web-dev-qa-db-fra.com

React - Une exception minifiée s'est produite

J'ai React js installé via NPM et utilisant browserify pour gérer les composants dans react. Lorsqu'une exception se produit dans React, la console affiche 

"Erreur non capturée: une exception minifiée s'est produite; utilisez l'environnement de développement non minifié Pour le message d'erreur complet et des avertissements supplémentaires utiles."

Comment activer les messages d'erreur complets?

npmreactjsbrowserify
33
Raathigesh

Définir NODE_ENV comme développement, comme l'a souligné Benjamin Gruenbaum dans le commentaire, a résolu le problème.

set NODE_ENV=development
27
Raathigesh

Si vous rencontrez ce problème avec Karma + Webpack, la configuration Webpack suivante m'a résolu le problème lors de l'exécution de tests:

plugins: [
    new webpack.DefinePlugin({
        'process.env': {
            NODE_ENV: JSON.stringify('development')
        }
    })
]
13
Jackson

J'ai finalement résolu ce problème. 

Si vous êtes comme moi et avez exécuté cette commande pour définir NODE_ENV et que cela n'a jamais fonctionné, vérifiez si vous créez un lien vers react.min.js au lieu des versions complètes des fichiers. 

Lien vers les versions complètes et cela devrait fonctionner comme un charme. :RÉ 

10
davidawad

Si vous utilisez jspm pour regrouper votre code, notez que la version 0.16.24 importe la version "de production" minifiée de React, qui génère cette erreur. Ma solution temporaire consistait à rétrograder jspm à 0.16.23.

edit Les futures versions de jspm vous permettront de déclarer les versions de production par rapport aux versions de développement (voir documentation jspm beta )

7
chas

J'ai eu ce problème, et pour moi je n'ai pas eu besoin de désactiver la minification ou d'utiliser la source de réaction. Mon script était en cours de chargement avant l'élément racine. Donc, je viens de déplacer le script hors de la tête et en dessous de la div dans le code source du fichier d'index et qui l'a corrigé.

Changé mon index.jade à partir de ceci:

html
 head
   title Super coo site
   script(src="bundle.js")
 body
   div#root

Pour ça:

html
 head
   title Super coo site
 body
   div#root
   script(src="bundle.js")
4
Grant Eagon

Avez-vous vérifié l’élément DOM que vous essayez de rendre? J'ai eu cette erreur auparavant en raison d'une erreur stupide. Le pire est que le paquet a été minifié. L'élément id n'est pas identique

Index.html 


 <div id="ds-app"></div>

app.jsx 


React.DOM.render(<App/>, document.getElementById('app'))

1
Terry

À partir de version 15.2 , les messages d'erreur de production React (NODE_ENV=production) incluent désormais une URL que vous pouvez visiter et où vous pouvez voir l'erreur d'origine non obscurcie.

https://Twitter.com/dan_abramov/status/748969886433546240

Vous devriez envisager de passer à React 15.2 pour pouvoir accéder à ces messages d'erreur. En outre, certains outils de génération de rapports d'incident de production annulent automatiquement ces erreurs pour vous.

0
Ben Vinegar