How do I create a React Native project using Yarn?

后端 未结 4 2043
不思量自难忘°
不思量自难忘° 2020-12-13 04:10

I am running the following commands in the DOS console on a Windows 7 (64-bit) machine.

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


        
相关标签:
4条回答
  • 2020-12-13 04:24

    NEW SEP 2019, now it's more simple, use node10 and expo: (easy way)

    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
    

    more info: 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.

    Unfortunately, react-native-cli is outdated. Starting 13 March 2017, use create-react-native-app instead. Moreover, you shouldn't install Yarn with NPM. Instead, use one of the methods on the yarn installation page.

    1. Install yarn

    Via NPM. According to its installation docs, you shouldn't install yarn via npm, but if necessary, you can still install it with a pre-v5 version of npm.

    
    

    UPDATE 2018 - OCTOBER

    Node 8.12.0 and NPM 6.4.1 is already compatible with create-react-native-app. Really some minors previous versions too. You don't need more downgrade your npm.

    On 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
    

    On macOS, use Homebrew or MacPorts.

    brew install yarn
    sudo port install yarn

    2. Install the Create React Native App

    yarn global add create-react-native-app

    3. Update your shell environment

    source ~/.bashrc

    4. Create a React native project

    create-react-native-app myreactproj

    0 讨论(0)
  • 2020-12-13 04:26

    Please You visit Bug

    yarn global add react-native-cli
    

    with

    react-native --version
    

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

    the system cannot find the path specified

    Go to C:\Program Files\nodejs and I saw:

    • react-native
    • react-native.cmd
    • react-native.cmd.cmd

    The fix is to delete react-native.cmd and rename react-native.cmd.cmd to react-native.cmd

    The Solution #1324 (comment)

    0 讨论(0)
  • 2020-12-13 04:36

    You got the order wrong. You should be

    yarn add global react-native-cli
    yarn add react-native
    react-native init sample
    
    0 讨论(0)
  • 2020-12-13 04:41

    I think you're adding global dependencies wrong, and you shouldn't need to install react-native, globally or locally. react-native init will create a package.json with react-native listed as a dependency.

    You should be able to install react-native-cli globally with yarn global add react-native-cli, not yarn add global react-native-cli.

    You should be fine with running the following:

    npm install -g yarn
    yarn global add react-native-cli
    react-native init sample
    
    0 讨论(0)
提交回复
热议问题