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');

将导致反应导入反应两次。