web-dev-qa-db-ja.com

Yarnを使用してReactネイティブプロジェクトを作成するにはどうすればよいですか？

Windows 7（64ビット）マシンのDOSコンソールで次のコマンドを実行しています。

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

react-native init sample

実行後react-native init sample、コンソールが閉じられました。

エラーログは以下を示します：

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

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

グローバル依存関係を間違って追加していると思います。react-nativeをグローバルまたはローカルにインストールする必要はありません。 react-native initはpackage.jsonを作成し、react-nativeを依存関係としてリストします。

react-native-cliではなくyarn global add react-native-cliを使用すると、yarn add global react-native-cliをグローバルにインストールできるはずです。

あなたは以下を実行して問題ないはずです：

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

NEW SEP 2019、今はより簡単です、node10とexpoを使用してください：（簡単な方法）

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

詳細： https://facebook.github.io/react-native/docs/getting-started.html

UPDATE OCT 2018 Create Reactネイティブアプリ（廃止）がExpo CLIに統合されました。expoinitを使用してプロジェクトを作成できるようになりました。使用を開始する手順については、Expoのドキュメントのクイックスタートを参照してください。 Expo CLI。

残念ながら、react-native-cliは時代遅れです。 2017年3月13日以降、create-react-native-app代わりに。さらに、NPMでYarnをインストールしないでください。代わりに、yarnインストールページ のいずれかのメソッドを使用してください。

1. yarnをインストールします

Via NPM.によると installation docs によると、yarnを介してnpmをインストールするべきではありませんが、必要に応じて、v5以前のバージョンでインストールできます。 npmのバージョン。

2018年更新-10月

ノード8.12.0およびNPM 6.4.1はすでにcreate-react-native-appと互換性があります。本当にいくつかの未成年者の以前のバージョンも。 npmをさらにダウングレードする必要はありません。

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

macOSでは、 HomebrewまたはMacPortsを使用します。

brew install yarn
Sudo port install yarn

2. Create React Native Appをインストールします

yarn global add create-react-native-app

3.シェル環境を更新する

source ~/.bashrc

4. Reactネイティブプロジェクトを作成する

create-react-native-app myreactproj

19
stackdave

注文が間違っています。あなたは

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

ご覧ください バグ

yarn global add react-native-cli

と

react-native --version

"$ basedir /../../ Users/juvasquezg/AppData/Local/Yarn/config/global/node_modules/.bin/react-native.cmd" "$ @ 「

the system cannot find the path specified

C：\ Program Files\nodejsに移動すると、次のようになりました：

  • リアクトネイティブ
  • react-native.cmd
  • react-native.cmd.cmd

修正は、react-native.cmdを削除し、react-native.cmd.cmdの名前をreact-native.cmdに変更することです。

解決策 ＃1324（コメント）

2
juvasquezg