Question

我正在使用React Native开发Android应用。我尝试运行一个显示屏幕的简单代码，但我得到以下error。我尝试关闭所有命令行窗口和模拟器并重新启动React Native包并运行它，但不起作用。代码如下：

index.android.js：

import React, { Component} from 'react';
import {Text, View, AppRegistry,Button} from 'react-native';
import {StackNavigator} from 'react-navigation';

import dhrumil from '.\dhrumil.js';

export default class MainApp extends Component{
render(){
  return(
    <dhrumil />
  );
}

}

const SimpleApp = StackNavigator({
  Home: {screen: dhrumil }
});


AppRegistry.registerComponent("MainApp",()=>SimpleApp);

dhrumil.js：

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

const dhrumil = () =>{

  return(
    <View style={styles.container}>
    <Text style={styles.texter}>Hello World!</Text>
    <Button
        onPress={() => navigate('dharmin')}
        title="Chat with Lucy"
      />
      </View>
  );
}

const styles = StyleSheet.create({
  container:{
    justifyContent: 'center',
    alignItems: 'center',
    flex: 1
  }
  texter:
  {
    fontSize: 20,
    textAlign: 'center'
  }
});


dhrumil.navigationOptions = {
  title:'dhrumil'
}
export default dhrumil

我该如何解决这个问题？

Answer 1

在index.android.js中，将import dhrumil from '.\dhrumil.js';更改为import dhrumil from './dhrumil';。您必须使用/来指定路径，并且在导入dhrumil.js文件时不必使用js。

Answer 2

@Jeffrey Rajan的建议绝对正确。

此错误主要是由于：问题1：

导入语句中的文件名错误
在文件名中使用错误的案例
使用＆＃39; \＆＃39;而不是＆＃39; /＆＃39;在文件名中

希望使用此列表可以轻松找到导致代码出错的错误。

问题2：材料设计存在问题。使用以下方法在本地解决此安装材料设计：

react-native-material-design

问题3： babel-preset-react-native制作故障代码。要解决此问题，请运行：

yarn remove babel-preset-react-native

yarn add babel-preset-react-native@2.1.0

尝试按此顺序排除故障。问题1通常会解决问题。

开发服务器返回响应错误代码：500 -React Native

2 个答案: