browserify使用react-router加載ReactJS兩次

Question

我使用browserify捆綁ReactJS和（以及其他） react-router 。 但當我在控制台中查看時，消息......

Download the React DevTools for a better development experience: http://fb.me/react-devtools

...顯示兩次 （！）告訴我實際上有兩個ReactJS實例正在運行。

如果我查看我的瀏覽器JS，我只看過一次ReactJS源代碼。

我怎么能避免這個？

package.json ：

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

當我運行npm ls | grep -i react npm ls | grep -i react我得到：

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

Answer 1

運行npm dedupe 。 很可能它只是兩種不同的補丁版本的反應。

永遠不要將通配符用於依賴項。 對於reactfire <0.1 ，並且react-router ^0.9 。

Answer 2

檢查您是否使用其他名稱導入反應。 例如

var React = require('react');

和

var React = require('React');

將導致反應導入反應兩次。