2014-10-26 16 views
5

I ReactJS ve react-router (diğerleri arasında) bir araya getirmek için browserify kullanın. Ben konsolda, mesajın ...browserify yükleme ReactJS reaksiyona-yönlendirici

İndir, daha iyi bir gelişme deneyimi için DevTools'un Tepki baktığınızda Ama: http://fb.me/react-devtools

... iki keregösterir bana (!) Aslında iki ReactJS örneği çalışıyor. Tarayıcımla ilişkili JS'ye baktığımda, ReactJS kaynağını yalnızca bir kez gördüm (GÜNCELLEME).

Bunu nasıl önleyebilirim?

Not Not: Lütfen daha fazla bilgiye ihtiyacınız varsa bana bildirin.


package.json

___ [email protected] 
___ [email protected] 
___ [email protected] 
_ ___ [email protected] 

Yani, tepki

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

Ben olsun npm ls | grep -i react koşmak ... 0.11.2 olarak yüklenir (muhtemelen iki kez). Şimdi önerildiği gibi npm dedupe deneyeceğim.

+0

HTML'nizdeki CDN tarafından barındırılan React kaynağına eski bir referans var mı? –

+0

CDN tarafından barındırılan React? Onu almak için ** npm ** kullanıyorum. Bu bir sorun olmamalı, değil mi? – xanderiel

cevap

1

Çalıştır npm dedupe. Büyük ihtimalle tepkilerin sadece iki farklı yama sürümü var.

Bağımlılıklar için joker karakterler kullanmamalısınız. Reaksiyon döngüsü <0.1 ve tepki rotası için ^0.9.

+0

GÜNCELLEME soruyu '' npm ls'' ile şimdi deneyin. – xanderiel

+0

Çalışılmadı! Ben npm ls '' ile bakmaya çalıştım * burada * tepki * aslında iki kez gösterdi, daha sonra 'npm dedupe''d iki kez çıkardı * tepki *. Ancak * browserify * ile oluşturulduktan sonra hala '' 'DevTools'u indirin ...' '' konsolda iki kez. – xanderiel

+0

Yine de, npm dedupe'' ile ilgili iyi tavsiyeler. Belki de '' npm shrinkwrap''' ekleyeceğim. – xanderiel

1

Farklı bir adla tepki alıp almadığınızı kontrol edin. örneğin neden olacaktır

var React = require('react'); 

ve

var React = require('React'); 

iki kez tepki ithal edilecek tepki verirler.