React Native返回响应错误代码500

Question

[我刚刚安装了节点js，并在Windows 10中进行了本机反应。当我尝试导入新屏幕（HomeScreen.js）时，我得到的响应代码为500。如果删除了导入选项，它将重新开始工作。

App.js代码

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

export default function App() {
  return (
    <View style={styles.container}>
      <Text>Open up App.js to start working on your app</Text>
    </View>
  );
}

const styles = StyleSheet.create({
  container: {
    flex: 1,
    backgroundColor: '#fff',
    alignItems: 'center',
    justifyContent: 'center',
  },
});

HomeScreen.js代码

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

export default class HomeScreen extends Component {
    render() {
        return (
            <View>
                <Text> textInComponent </Text>
            </View>
        )
    }
}

package.json文件

{
  "main": "node_modules/expo/AppEntry.js",
  "scripts": {
    "start": "expo start",
    "android": "expo start --android",
    "ios": "expo start --ios",
    "web": "expo start --web",
    "eject": "expo eject"
  },
  "dependencies": {
    "expo": "^35.0.0",
    "react": "16.8.3",
    "react-dom": "16.8.3",
    "react-native": "https://github.com/expo/react-native/archive/sdk-35.0.0.tar.gz",
    "react-native-web": "^0.11.7",
    "react-navigation": "^4.0.10"
  },
  "devDependencies": {
    "babel-preset-expo": "^7.1.0"
  },
  "private": true
}

Answer 1

在App.js代码上，尝试编写HomeScreen.js的相对路径。

您正在做：

import HomeScreen from 'HomeScreen';

尝试这样做：

import HomeScreen from './HomeScreen'; 

// The ./ is the relative path of file.

Answer 2

我不确定，但也许是因为被遗忘了；在HomeScreen.js中？

export default class HomeScreen extends Component {
    render() {
        return (
            <View>
                <Text> textInComponent </Text>
            </View>
        ) << here.
    }
}

我注意到您在App.js的默认文件夹中拥有它