CODEWITHSUNDEEP
npmreact-nativereact-navigation
Rakesh Krishna
Rakesh Krishna

Reputation: 193

Unable to resolve 'react-navigation'

Am trying out react-native and get below error, when I install and try to use react-navigation (import {StackNavigator} from 'react-navigation';).

Error

I use the following command to install "react-navigation" : npm install --save react-navigation

On running above command I get 'react-navigation' folder under node_modules folder, with just a single file (package.json). Below is the content of the file: 

{
  "_args": [
    [
      {
        "raw": "[email protected]",
        "scope": null,
        "escapedName": "react-navigation",
        "name": "react-navigation",
        "rawSpec": "0.0.0",
        "spec": "0.0.0",
        "type": "version"
      },
      "/Users/rakesh-1812/Documents/REACT_JS/SimpleApp"
    ]
  ],
  "_from": "[email protected]",
  "_id": "[email protected]",
  "_inCache": true,
  "_location": "/react-navigation",
  "_nodeVersion": "4.2.1",
  "_npmOperationalInternal": {
    "host": "packages-12-west.internal.npmjs.com",
    "tmp": "tmp/react-navigation-0.0.0.tgz_1459892254509_0.1584461957681924"
  },
  "_npmUser": {
    "name": "ericvicenti",
    "email": "[email protected]"
  },
  "_npmVersion": "2.14.7",
  "_phantomChildren": {},
  "_requested": {
    "raw": "[email protected]",
    "scope": null,
    "escapedName": "react-navigation",
    "name": "react-navigation",
    "rawSpec": "0.0.0",
    "spec": "0.0.0",
    "type": "version"
  },
  "_requiredBy": [
    "#USER",
    "/"
  ],
  "_resolved": "https://registry.npmjs.org/react-navigation/-/react-navigation-0.0.0.tgz",
  "_shasum": "1e0f865235cdb4d4aa8086484fd3690ff73df553",
  "_shrinkwrap": null,
  "_spec": "[email protected]",
  "_where": "/Users/rakesh-1812/Documents/REACT_JS/SimpleApp",
  "dependencies": {},
  "description": "Coming Soon",
  "devDependencies": {},
  "directories": {},
  "dist": {
    "shasum": "1e0f865235cdb4d4aa8086484fd3690ff73df553",
    "tarball": "https://registry.npmjs.org/react-navigation/-/react-navigation-0.0.0.tgz"
  },
  "maintainers": [
    {
      "name": "ericvicenti",
      "email": "[email protected]"
    }
  ],
  "name": "react-navigation",
  "optionalDependencies": {},
  "readme": "ERROR: No README data found!",
  "scripts": {},
  "version": "0.0.0"
}

Can someone please help me resolve the issue. Thanks in advance.

Upvotes: 11

Views: 31828

Answers (4)

Victor Bruce
Victor Bruce

Reputation: 207

Try installing react-navigation stack, npm i react-navigation-stack. Then import {createStackNavigator} from 'react-navigation-stack'

Stop the server and run your project again.

Upvotes: 0

user3368933
user3368933

Reputation: 41

I was unable to install react-native, tried everything from the internet. Using Yarn instead of npm resolved the problem.

Upvotes: 1

Chewie121980
Chewie121980

Reputation: 176

React navigation is still in beta. It works for me when I use the command:

npm install --save [email protected]

This is the latest release. https://github.com/react-community/react-navigation/releases

Upvotes: 16

Oximer
Oximer

Reputation: 578

You must stop your node server and start it again.

Do it:

sudo lsof -n -i4TCP:8081 | grep LISTEN

It will listen of the services that are running on port 8081. By default, react native server runs on it. Then, execute the command below to kill the server process.

kill -9 <cma process id>

Finally, run your project again with

react-native run-ios

on the project folder

Upvotes: 7

Related Questions