Uncaught TypeError: Ne peut pas définir la propriété valide de # <ReduxForm> qui a seulement un getter

Question

J'essaye d'insérer redux-form dans mon projet, mais j'obtiens cette erreur. Quelqu'un a-t-il une idée du problème? Ce que j'ai conclu jusqu'à présent, c'est que lorsque j'ajoute le morceau de code suivant, il me renvoie cette erreur - "Uncaught TypeError: Impossible de définir la propriété valide de # qui n'a qu'un getter".

LoginForm = reduxForm({ 
    // a unique name for the form 
    form: 'login', 
})(LoginForm); 

Answer 1

J'ai le même problème. Je viens de retirer 'hot-loader' de webpack config

Answer 2

Finalement, j'ai réalisé que le problème était quelque part en configuration. Plus particulièrement, le code suivant produit en quelque sorte un composant non compatible:

LoginForm = reduxForm({ 
    // a unique name for the form 
    form: 'login', 
})(LoginForm); 

Un des modules package.json n'était pas compatible avec la forme de réaction. Très probablement réagir-chaud-chargeur. Quoi qu'il en soit, j'ai créé un nouveau projet basé sur l'application create-react-app de Facebook et maintenant tout fonctionne.

Answer 3

Une autre solution consiste à mettre à niveau le react-hot-loader vers la v3 qui est actuellement en version bêta.

yarn add --dev react-hot-loader@3.0.0-beta.7 

Ou avec NPM

npm install --save-dev react-hot-loader@3.0.0-beta.7 

Et puis mettre à jour votre chargeur webpack section react-hot-loader/webpack

Plus à ce sujet sur le redux-form GitHub issue tracker