React Native: Command `run-ios` unrecognized

-

I have two different ReactNative-Projects:

  • a) a project from januar 2016
  • b) a complete new react-native project from now (march 20th 2016)

Within the new project the cli tool of react-native contains the command "run-ios" next two "run-android", but not on the older project from januar 2016. On the older one there is not "run-ios" command available:

$ react-native run-ios
Command `run-ios` unrecognized
Usage: react-native <command>

I already ran "react-native upgrade" without any issues.

How can i get the command "run-ios" also in older projects?

Just update the version of react native in your project with the following command:

$> npm install --save react-native@latest

What caused this for me was running npm install --save [package] when actually the system has previously been using yarn instead of npm.

To solve this I just deleted the node_modules folder and ran: yarn install and after that react-native run-ios (or android) works fine.

 $ react-native run-ios

If you get this kinda error:

"Command run-ios unrecognized. Make sure that you have run npm install and that you are inside a react-native project".

In terminal, make sure you are inside a react-native project directory.

Execute this cmd:

$ react-native -v
react-native-cli: 2.0.1
react-native: n/a - not inside a React Native project directory
$ npm update
$ react-native -v
react-native-cli: 2.0.1
react-native: 0.44.0
$ react-native run-ios

This may sound silly, but make sure you cd to your project directory. If that fails then perform the npm install in the other answers.

This happens when the project has an older version of react native. You can update the react version or for people who do not want to upgrade, just open the .xcodeproj file in iOS dir and hit the play button in the Xcode.

What caused this for me was running npm install --save axios when actually the system was previously using yarn instead of npm.

To solve this, instead of deleting the node_modules folder, which can lead to more problems, and if you prefer to run npm anyway or don't have a preference either way, the error should have instructed for you to run npm install. If you literally follow those instructions, you will be able to run: react-native run-ios afterwards.

I found a solution that works for me. Update the version of react native in your project:

npm install --save react-native@latest

then upgrade your npm version

npm i npm@latest -g

then move directory folder 1 level up, type 

cd ..

make a new react-native installation folder

react-native init NewProject

then go to your project folder(NewProject), after that 

react-native run-ios

should work fine.

I created a brand new react-native project using
$ react-native init projectName
and ran from root of the project
$ react-native run-ios
Everything worked fine and iOS simulator fired up as expected.

Than I installed prop-types node module using npm install prop-types --save. Re-ran $ react-native run-ios and ran into this error Command run-ios unrecognized

Solution: From the root of my project, removed node_module and re-installed modules using npm. Commands below

$ rm -rf node_modules/
$ npm install
$ react-native run-ios

For me, Xcode was already running.

Close the Xcode and then in the terminal, make sure you are inside a react-native project directory and then execute react-native run-ios command

For me, the only thing that worked was to checkout again my repository from zero and run:

npm install -g react-native-cli yarn 
yarn  
git submodule update --init --recursive

Comments

Post a Comment

Popular posts from this blog

Meaning of `{}` for return expression

-
15 1 I found by accident that the following compiles: #include <string> #include <iostream> class A{ int i{}; std::string s{}; public: A(int _i, const std::string& _s) : i(_i), s(_s) { puts("Called A(int, const std::string)"); } }; A foo(int k, const char* cstr){ return {k, cstr}; // (*) } int main(){ auto a = foo(10, "Hi!"); return 0; } The line of interest is (*). I guess the function foo is equivalent to: A foo(int k, const char* str){ return A(k, cstr); } However, is there a special name for this mechanism in (*)? Or is it just the simple fact that the compiler knows which constructor to call due to the return type? ...
Read more

Get current scroll position of ScrollView in React Native

-
Is it possible to get the current scroll position, or the current page of a <ScrollView> component in React Native? So something like: <ScrollView horizontal={true} pagingEnabled={true} onScrollAnimationEnd={() => { // get this scrollview's current page or x/y scroll position }}> this.state.data.map(function(e, i) { <ImageCt key={i}></ImageCt> }) </ScrollView> Try. <ScrollView onScroll={this.handleScroll} /> And then: handleScroll: function(event: Object) { console.log(event.nativeEvent.contentOffset.y); }, Disclaimer: what follows is primarily the result of my own experimentation in React Native 0.50. The ScrollView documentation is currently missing a lot of the information covered below; for instance onScrollEndDrag is completely undocumented. Since everything here relies upon undocumented behaviour, I can unfortunately make no promises that this information will remain correct a ...
Read more

Chart JS +ng2-charts not working on Angular+2

-
16 1 Hello developers i have been literally the whole day trying to implement charts on my proyect , but following the official docs there is not way i could rid off this error : ERROR in ./node_modules/ng2-charts/__ivy_ngcc__/fesm2015/ng2-charts.js 317:8-21 "export 'pluginService' was not found in 'chart.js' node_modules/ng2-charts/lib/base-chart.directive.d.ts:4:59 - error TS2305: Module '"../../chart.js/types/index.esm"' has no exported member 'ChartPoint'. 4 import { ChartConfiguration, ChartDataSets, ChartOptions, ChartPoint, ChartType, PluginServiceGlobalRegistration, PluginServiceRegistrationOptions } from 'chart.js'; ~~~~~~~~~~ n...
Read more