Błąd routera-reaktu: super-wyrażenie musi mieć wartość zerową lub funkcję

Question

Jestem nowym użytkownikiem routera reagowania (https://github.com/rackt/react-router). Włączyłem go po reagują tak:

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

mam błąd: Uncaught TypeError: Super wyrażenie musi być albo zerowy lub funkcją, nie niezdefiniowany

Co zrobiłem źle?

Answer 1

I sloved problem przez uaktualnienie do wersji 0.13.3 reaguje

npm install react@0.13.3 

Answer 2

Chociaż zostało to rozwiązane, publikuję rozwiązanie, ponieważ miałem podobny problem. Mam nadzieję, że będzie to pomocne dla kogoś innego.

Nie używałem React Router. Używałem React with Webpack, a Babel jako program ładujący. Otrzymałem ten sam błąd, co stwierdził JustWonder.

Używałem klas ES6. Okazuje się, miałem wpisane

class App extends React.component {...} 

Zmiana React.component do React.Component (upper-case 'C') rozwiązało problem dla mnie.

Answer 3

ja spotkałem inny scenariusz, w którym może się to zdarzyć.

Posiadałem v0.13.x jako bezpośrednią zależność, a jedna z moich zależności miała v0.12.x - więc dwie kopie React były zawarte w moim pakiecie. Oznaczało to, że składniki korzystające z klas ES6 próbowały uzyskać extend nieistniejącego React.Component (otrzymywały one v0.12.x z React).

ja zdiagnozowano ten problem, patrząc jak wiele kopii reagować były w moim node_modules:

npm ls | grep react@ 

który dał mi następujący wynik:

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

Opcja -C dla grep pozwala zobaczyć otaczające linie, więc ponownie sprawdziłem:

npm ls | grep react@0.12.2 -C 5 

Otaczający tekst pozwolił mi zidentyfikować pakiet naruszający prawa.