React Native:需要Unknow模块

时间:2015-04-30 20:39:02

标签: react-native

我刚开始使用react-native并且正在构建这个示例应用程序:

xcode版本:6.2 操作系统:OS X 10.9.5 节点版本:0.10.28

index.ios.js

var React = require('react-native');
var Main = require('./App/Components/Main');


var {
  AppRegistry,
  StyleSheet,
  Text,
  NavigatorIOS,
  View,
} = React;

var styles = StyleSheet.create({
  container:{
    flex: 1,
    backgroundColor: '#111111'
  },
});

class githubNotetaker extends React.Component{
  render() {
    return (
      <NavigatorIOS
      style={styles.container}
        initialRoute={{
          title: 'Github NoteTaker',
          component: Main
        }} />
    );
  }
};


AppRegistry.registerComponent('githubNotetaker', () => githubNotetaker);

Main.js

var React = require('react-native');

var {
  View,
  Text,
  StyleSheet
} = React;

var styles = StyleSheet.create({
  mainContainer: {
    flex: 1,
    padding: 30,
    marginTop: 65,
    flexDirection: 'column',
    justifyContent: 'center',
    backgroundColor: '#48BBEC'
  },
  title: {
    marginBottom: 20,
    fontSize: 25,
    textAlign: 'center',
    color: '#fff'
  },
  searchInput: {
    height: 50,
    padding: 4,
    marginRight: 5,
    fontSize: 23,
    borderWidth: 1,
    borderColor: 'white',
    borderRadius: 8,
    color: 'white'
  },
  buttonText: {
    fontSize: 18,
    color: '#111',
    alignSelf: 'center'
  },
  button: {
    height: 45,
    flexDirection: 'row',
    backgroundColor: 'white',
    borderColor: 'white',
    borderWidth: 1,
    borderRadius: 8,
    marginBottom: 10,
    marginTop: 10,
    alignSelf: 'stretch',
    justifyContent: 'center'
  },
});

class Main extends React.Component{
  render() {
    return(
      <View style={styles.mainContainer}>
      <Text> Testing the Router </Text>
      </View>
      )
  }
};

module.exports = Main;

错误

Error I am getting in simulator

我无法解释为什么它无法定位Main.js模块。

1 个答案:

答案 0 :(得分:0)

那么,

问题没什么不同。

在我的文件index.io.js中,我将我的类命名为githubNotetaker,而项目目录名称是githubNoteTaker。我把我的班级名改为githubNoteTaker。

还有一件事要补充,我的教程也没有提及,我必须使用命令npm start启动npm serve。我做到了,应用程序像魅力一样工作