browserify Laden ReactJS zweimal mit reagieren-Router

Question

Ich benutze browserifyReactJS zu bündeln und (unter anderem) react-router. Aber wenn ich in der Konsole sehen, die Nachricht ...

das Herunterladen DevTools für eine Erfahrung eine bessere Entwicklung reagieren: http://fb.me/react-devtools

... zeigt sich zweimal mir zu sagen (!) Tatsächlich laufen zwei ReactJS-Instanzen. Wenn ich in meinem Browser JS sehe, sah ich die ReactJS Quelle nur einmal (AKTUALISIERT).

Wie würde ich das vermeiden?

Hinweis: Bitte sagen Sie mir, wenn Sie weitere Informationen benötigen, werde ich es zur Verfügung stellen.

---

package.json

"dependencies": { 
    "LiveScript": "^1.3.0", 
    "jquery": "*", 
    "firebase": "*", 
    "react": "0.11.2", 
    "reactfire": "*", 
    "react-router": "*", 
    ... 
} 

---

Als ich npm ls | grep -i react laufen bekomme ich ...

___ react@0.11.2 
___ react-router@0.9.4 
___ reactfire@0.3.0 
_ ___ react@0.11.2 

So reagieren als 0.11.2 geladen (möglicherweise zweimal). Ich werde versuchen npm dedupe jetzt, wie vorgeschlagen.

Answer 1

Führen Sie npm dedupe. Wahrscheinlich sind es nur zwei verschiedene Patch-Versionen von react.

Sie sollten keine Platzhalter für Abhängigkeiten verwenden. Für Reakfire <0.1 und Reag-Router ^0.9.

Answer 2

Überprüfen Sie, ob Sie mit einem anderen Namen reagieren. zum Beispiel

var React = require('react'); 

und

var React = require('React'); 

verursacht reagieren reagieren zweimal importiert werden.