Errore React-router: super espressione deve essere nullo o una funzione

Question

Sono nuovo al router di risposta (https://github.com/rackt/react-router). Ho inserito dopo reagire in questo modo:

<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> 

ho ottenuto un errore: TypeError Uncaught: Super espressione deve essere o nullo o di una funzione, non undefined

Che cosa ho fatto di sbagliato?

Answer 1

ho sloved il problema aggiornamento reagire versione a 0.13.3

npm install react@0.13.3 

Answer 2

Anche se è stato risolto, sto pubblicando una soluzione poiché ho avuto un problema simile. Spero che sarà utile a qualcun altro.

Non stavo usando React Router. Stavo usando React con Webpack, con Babel come loader. Stavo ottenendo lo stesso errore dichiarato da JustWonder.

Stavo usando le classi ES6. Risulta, avevo digitato

class App extends React.component {...} 

Modifica React.component a React.Component (maiuscolo 'C'), ha risolto il problema per me.

Answer 3

ho incontrato un altro scenario in cui questo può accadere.

Avevo v0.13.x come dipendenza diretta e una delle mie dipendenze era v0.12.x - quindi due copie di React erano incluse nel mio pacchetto. Ciò significava che i componenti che utilizzavano le classi ES6 stavano tentando di creare uno extend inesistente React.Component (stavano ottenendo lo v0.12.x di React).

ho diagnosticato questo problema, cercando quante copie di reagire erano nel mio node_modules:

npm ls | grep react@ 

che mi ha dato il seguente risultato:

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

L'opzione -C per grep permette di vedere linee circostanti, quindi ho ripetuto:

npm ls | grep react@0.12.2 -C 5 

Il testo circostante mi ha permesso di identificare il pacchetto offendente.