React-routeur erreur: super expression doit être soit nulle ou une fonction

Question

Je suis nouveau à reaction-routeur (https://github.com/rackt/react-router). Il est inclus réagir après comme ceci:

<script src="http://fb.me/react-0.12.2.js"></script> 
<script src="https://cdnjs.cloudflare.com/ajax/libs/reactrouter/0.13.2/ReactRouter.js"></script> 

J'ai eu une erreur: Uncaught TypeError: Super expression doit être soit nul ou une fonction, pas non défini

Qu'est-ce que je fait de mal?

Answer 1

Je sloved la question par la mise à niveau réagir la version à 0.13.3

npm install react@0.13.3 

Answer 2

Bien que cela a été résolu, je poste une solution depuis que j'ai eu un problème similaire. J'espère que cela sera utile à quelqu'un d'autre.

Je n'utilisais pas React Router. J'utilisais React avec Webpack, avec Babel comme chargeur. Je recevais la même erreur que celle indiquée par JustWonder.

J'utilisais des classes ES6. Active, j'avais tapé

class App extends React.component {...} 

Changer React.component à React.Component (majuscules « C ») a résolu le problème pour moi.

Answer 3

j'ai rencontré un autre scénario où cela peut se produire.

J'avais v0.13.x comme une dépendance directe, et une de mes dépendances avait v0.12.x - donc deux copies de React ont été incluses dans mon paquet. Cela signifiait que les composants utilisant les classes ES6 essayaient de extend un React.Component inexistant (ils obtenaient le v0.12.x de React).

Je reçu un diagnostic de cette question en examinant le nombre de copies de réagir étaient dans mon node_modules:

npm ls | grep react@ 

Ce qui m'a donné le résultat suivant:

├── react@0.13.3 
│ └── react@0.12.2 

L'option -C pour grep vous permet de voir lignes environnantes, donc j'ai re-couru:

npm ls | grep react@0.12.2 -C 5 

Le texte environnant m'a permis d'identifier le paquet incriminé.