私はこれが私の携帯電話上でネイティブのクロスプラットフォームのJSを反応させる実行しようとしていますが、私は、クロスプラットフォームのJSを実行すると、私は上記のエラーを取得し、このエラー

Question

http://i.stack.imgur.com/MZCzT.png

を取得します。それは誰のためにも赤旗を出すか？以下は、クロスプラットフォームjsです。最後のコードスニペットはindex.android.js

var React = require('react-native'); 
 
//import React from 'react'; 
 

 
var { 
 
//import { 
 
    AppRegistry, 
 
    Component, 
 
    StyleSheet, 
 
    Text, 
 
    View 
 
} = React; 
 
//} from 'react-native'; 
 

 
var AwesomeProject = React.createClass ({ 
 
    render() { 
 
    return (
 
     <View style={styles.container}> 
 
     <Text style={styles.welcome}> 
 
      Welcome to React! 
 
     </Text> 
 
     <Text style={styles.instructions}> 
 
      To get started, edit index.android.js 
 
     </Text> 
 
     <Text style={styles.instructions}> 
 
      Shake or press menu button for dev menu 
 
     </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, 
 
    }, 
 
}); 
 

 
module.exports = AwesomeProject;

var React = require('react-native'); 
 
var { AppRegistry } = React; 
 
var HelloWorldApp = require('./AwesomeProject.js'); 
 
AppRegistry.registerComponent('AwesomeProject',() => AwesomeProject);

Answer 1

ですがあなたは反応し、ネイティブからコンポーネントをインポートしています。しかし、最新の反応ネイティブバージョンでは、反応パッケージからコンポーネントをインポートする必要があります。以下のようにインポートステートメントを変更します。

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