Search code examples
reactjsreact-nativereact-intl

Unable to Install React-Intl using NPM


I'm not able to install react-intl.It keeps throwing error

├── UNMET PEER DEPENDENCY react@0.13.3 └── react-intl@2.1.3

npm WARN react-dom@15.3.0 requires a peer of react@^15.3.0 but none was installed.
npm WARN react-intl@2.1.3 requires a peer of react@^0.14.0 || ^15.0.0-0 but none was installed.
npm WARN react-native@0.30.0 requires a peer of react@~15.2.0 but none was installed.

This is my package.json

"dependencies": {
     "baobab": "^1.1.2",
     "baobab-react": "^0.1.1",
     "d3": "^3.5.6",
     "fixed-data-table": "^0.4.6",
     "json2csv": "^2.12.0",
     "lodash": "^3.10.1",
     "moment": "^2.10.6",
     "numeral": "^1.5.3",
     "react": "^0.13.3",
     "react-hot-loader": "^1.3.0",
     "react-motion": "^0.2.7",
     "react-router": "^0.13.3",
     "react-style": "^0.5.5",
     "react-style-webpack-plugin": "^0.4.0",
     "scroller": "0.0.3",
     "superagent": "^1.3.0"   },
"devDependencies": {
     "babel": "^5.8.23",
     "babel-core": "^5.8.23",
     "babel-jest": "^5.3.0",
     "babel-loader": "^5.3.2",
     "esdoc": "^0.2.5",
     "file-loader": "^0.8.4",
     "jest-cli": "^0.5.8",
     "webpack": "^1.12.2",
     "webpack-dev-server": "^1.10.1" 
}

Solution

  • Your react version is just ^0.13.3. It means you will get only 0.13.x where x is the largest minor version react is publishing. Looking at the package.json of react-intl, you need 0.14.x or 15.

    "peerDependencies": {
        "react": "^0.14.0 || ^15.0.0-0"
    },
    

    https://github.com/yahoo/react-intl/blob/master/package.json

    It means you have to update your package.json to (note that react becomes 0.14.0:

    "dependencies":{  
       "baobab":"^1.1.2",
       "baobab-react":"^0.1.1",
       "d3":"^3.5.6",
       "fixed-data-table":"^0.4.6",
       "json2csv":"^2.12.0",
       "lodash":"^3.10.1",
       "moment":"^2.10.6",
       "numeral":"^1.5.3",
       "react":"^0.14.0",
       "react-hot-loader":"^1.3.0",
       "react-motion":"^0.2.7",
       "react-router":"^0.13.3",
       "react-style":"^0.5.5",
       "react-style-webpack-plugin":"^0.4.0",
       "scroller":"0.0.3",
       "superagent":"^1.3.0"
    },
    "devDependencies":{  
       "babel":"^5.8.23",
       "babel-core":"^5.8.23",
       "babel-jest":"^5.3.0",
       "babel-loader":"^5.3.2",
       "esdoc":"^0.2.5",
       "file-loader":"^0.8.4",
       "jest-cli":"^0.5.8",
       "webpack":"^1.12.2",
       "webpack-dev-server":"^1.10.1"
    }