web-dev-qa-db-fra.com

Comment créer un projet React Native en utilisant Yarn?

J'exécute les commandes suivantes dans la console DOS sur une machine Windows 7 (64 bits).

npm install -g yarn
yarn add global react-native
yarn add global react-native-cli

react-native init sample

Après avoir exécuté react-native init sample, la console était fermée.

Le journal des erreurs indique:

D:\Mobile>"$basedir/../../Users/pramaswamy/AppData/Local/Yarn/.global/node_modules/.bin/react-native.cmd"   "$@" 

D:\Mobile>exit $?
androidnpmreact-nativeyarnpkg
36
Prabhakaran Ramaswamy

Je pense que vous ajoutez de fausses dépendances globales, et vous ne devriez pas avoir besoin d'installer react-native, globalement ou localement. react-native init créera un package.json avec react-native répertorié comme une dépendance.

Vous devriez pouvoir installer react-native-cli globalement avec yarn global add react-native-cli, ne pas yarn add global react-native-cli.

Vous devriez bien exécuter les opérations suivantes:

npm install -g yarn
yarn global add react-native-cli
react-native init sample
40
Jason Turner

NOUVEAU SEP 2019, maintenant c'est plus simple, utilisez node10 et expo: (manière simple)

npm install -g expo-cli

*to create project:

    expo init AwesomeProject

    cd AwesomeProject
    npm start

*install the app 'expo' on your phone, and scan the qr code for the project and you can start to view your app

plus d'informations: https://facebook.github.io/react-native/docs/getting-started.html

UPDATE OCT 2018 Create React Native App (now discontinued) has been merged with Expo CLI you can now use expo init to create your project. See Quick Start in the Expo documentation for instructions on getting started using Expo CLI.

Malheureusement, react-native-cli est obsolète. À partir du 13 mars 2017, utilisez create-react-native-app au lieu. De plus, vous ne devez pas installer Yarn avec NPM. À la place, utilisez l'une des méthodes de yarnpage d'installation .

1. Installez yarn

Via NPM. Selon ses documents d'installation , vous ne devez pas installer yarn via npm, mais si nécessaire, vous pouvez toujours l'installer avec une version pré-v5 de npm.

MISE À JOUR 2018 - OCTOBRE

Le nœud 8.12.0 et NPM 6.4.1 est déjà compatible avec create-react-native-app. Vraiment certains mineurs des versions précédentes aussi. Vous n'avez pas besoin de rétrograder davantage votre npm.

Sur Ubuntu. 

curl -sS https://dl.yarnpkg.com/debian/pubkey.gpg | Sudo apt-key add -
echo "deb https://dl.yarnpkg.com/debian/ stable main" | Sudo tee /etc/apt/sources.list.d/yarn.list

Sous macOS, utilisez Homebrew ou MacPorts.

brew install yarn
Sudo port install yarn

2. Installez l'application Create React Native

yarn global add create-react-native-app

3. Mettez à jour votre environnement Shell

source ~/.bashrc

4. Créez un React projet natif

create-react-native-app myreactproj

19
stackdave

Vous vous êtes trompé de commande. Tu devrais être

yarn add global react-native-cli
yarn add react-native
react-native init sample
8
nikjohn

Veuillez visiter Bug

yarn global add react-native-cli

avec

react-native --version

et j'obtiens "$ basedir /../../ Users/juvasquezg/AppData/Local/Yarn/config/global/node_modules/.bin/react-native.cmd" "$ @ "

the system cannot find the path specified

Allez dans C:\Program Files\nodejs et j'ai vu:

  • réagir natif
  • react-native.cmd
  • react-native.cmd.cmd

Le correctif consiste à supprimer react-native.cmd et à renommer react-native.cmd.cmd en react-native.cmd

La solution # 1324 (commentaire)

2
juvasquezg