2017-10-05 11 views
10

मैंने आज प्रतिक्रिया-मूल के साथ शुरुआत की। और मैं एक वेब ट्यूटोरियल का पालन कर रहा हूं।प्रतिक्रिया मूल परियोजना, index.ios.js या index.android.js उत्पन्न नहीं

मेरे Windows मशीन पर सभी प्रतिष्ठानों को सही ढंग से किया:

  • जावा JDK
  • एंड्रॉयड स्टूडियो
  • नोड/NPM
  • यार्न

तो प्रतिक्रिया देशी

स्थापित
npm install -g react-native-cli 

अंत में एक नमस्ते दुनिया परियोजना

react-native init albums 

मैं किसी भी त्रुटि नहीं मिल रहा है। मेरा ऐप पूरी तरह से मेरे एंड्रॉइड फोन पर चलता है (मूल रूप से लोड हो जाता है)।

app.js मंच पसंद पर बिट सशर्त है:

/** 
* Sample React Native App 
* https://github.com/facebook/react-native 
* @flow 
*/ 

import React, { Component } from 'react'; 
import { 
    Platform, 
    StyleSheet, 
    Text, 
    View 
} from 'react-native'; 

const instructions = Platform.select({ 
    ios: 'Press Cmd+R to reload,\n' + 
    'Cmd+D or shake for dev menu', 
    android: 'Double tap R on your keyboard to reload,\n' + 
    'Shake or press menu button for dev menu', 
}); 

export default class App extends Component<{}> { 
    render() { 
    return (
     <View style={styles.container}> 
     <Text style={styles.welcome}> 
      Welcome to React Native! 
     </Text> 
     <Text style={styles.instructions}> 
      To get started, edit App.js 
     </Text> 
     <Text style={styles.instructions}> 
      {instructions} 
     </Text> 
     </View> 
    ); 
    } 
} 

const styles = StyleSheet.create({ 
    container: { 
    flex: 1, 
    justifyContent: 'center', 
    alignItems: 'center', 
    backgroundColor: '#F5FCFF', 
    }, 
    welcome: { 
    fontSize: 20, 
    textAlign: 'center', 
    margin: 10, 
    }, 
    instructions: { 
    textAlign: 'center', 
    color: '#333333', 
    marginBottom: 5, 
    }, 
}); 

मैं सिर्फ यह जानना चाहते हैं यह सामान्य उत्पन्न उन फ़ाइलों को नहीं मिल रहा है चाहता हूँ। क्या मैं उन 2 इंडेक्स फाइलों को बनाऊंगा? या नवीनतम प्रतिक्रिया-मूल को 2 अलग-अलग फाइलों की आवश्यकता नहीं है? (ट्यूटोरियल मैं अनुसरण कर रहा हूं जनवरी 2017 की है)

The Project structure

+1

उडमी प्रतिक्रिया करने वाले किसी और को मूल पाठ्यक्रम करने के लिए, यह उम्मीद की जाती है: https://www.udemy.com/the-complete-react-native-and-redux-course/learn/v4/questions/2954846 – RyPope

उत्तर

25

यह नई सुविधा प्रतिक्रिया देशी को जोड़ा गया है। नए प्रोजेक्ट टेम्पलेट में अब दो अलग-अलग फाइलें नहीं हैं। यदि आप पसंद करते हैं तो आप अभी भी बना सकते हैं और उपयोग कर सकते हैं, लेकिन इसका उपयोग करने के लिए यह सामान्य है। यह सिर्फ एक प्राथमिकता और आपकी परियोजना की आवश्यकता है। आप here पर परिवर्तन के बारे में अधिक जानकारी प्राप्त कर सकते हैं।

प्रतिबद्ध नोटों

यह परिवर्तन (शुरू react-community/create-react-native-app#26 में चर्चा) से, कम से कम index.js एक भी करने के लिए दो लगभग समान प्रवेश बिंदुओं (index.android.js और index.ios.js) से HelloWorld प्रोजेक्ट टेम्पलेट ले जाता है प्रवेश बिंदु। रूट घटक App.js में बनाया गया है। यह react-native init और प्रतिक्रिया परियोजनात्मक ऐप बनाएं और सीआरएनए को हैलोवर्ल्ड टेम्पलेट से एंट्री पॉइंट का उपयोग करने के लिए किसी भी हैक्स को अनुकूलित करने के बिना एंट्री पॉइंट का उपयोग करने की अनुमति देता है। दस्तावेज़ों में उदाहरणों को केवल App.js पर पर कॉपी-पेस्ट किया जा सकता है, जो पहले ही AppRegistry.registerComponent के बारे में जानने के बिना हैलोवर्ल्ड और सीआरएनए ऐप्स दोनों में चिपकाया जा सकता है।

+0

जानकारी के लिए धन्यवाद। मुझे गहराई से खुदाई शुरू करने की ज़रूरत है। :/ – impossible

+0

मेरा दिन बचाया। धन्यवाद। – Ayan

+0

@BeingExpert [चैट में बात करते हैं] (https://chat.stackoverflow.com/rooms/158689/connectme) – bennygenel

संबंधित मुद्दे

 संबंधित मुद्दे