CODEWITHSUNDEEP
javascriptreactjsbrowserifyreact-router
AlexGrafe
AlexGrafe

Reputation: 8562

browserify loading ReactJS twice with react-router

I use browserify to bundle ReactJS and (among others) react-router. But when I look in the console, the message ...

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

... shows up twice (!) telling me that in fact two ReactJS instances are running.

If I look in my browserified JS I saw the ReactJS source only once.

How would I avoid this?

package.json:

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

When I run npm ls | grep -i react I get:

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

Upvotes: 5

Views: 1906

Answers (2)

ashwnacharya
ashwnacharya

Reputation: 14871

Check if you are importing react with a different name. for example

var React = require('react');

and 

var React = require('React');

will cause react to be imported react twice.

Upvotes: 1

Brigand
Brigand

Reputation: 86250

Run npm dedupe. Most likely it's just two different patch versions of react.

You should never use wildcards for dependencies. For reactfire <0.1, and react-router ^0.9.

Upvotes: 1

Related Questions