React Native Import组件错误代码500

Question

我的React Native项目有一个非常简单的设置，其中我的App.js文件如下：

import React, { Component } from 'react';
import {
AppRegistry,
StyleSheet,
Text,
View,
Image
} from 'react-native';
import memberArea from '.android/app/src/components/memberArea';
export default class App extends Component<Props> {
render() {
return (
<View>
<Text>Hello World</Text>
</View>
);
}
}

memberArea.js文件如下所示。

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

export default class memberArea extends Component<Props> {
constructor(props){
super(props);
this.state = {
searchText = ''
}
}
render() {
return (
<ScrollView>
<TextInput
placeholder="Search for Restaurants"
returnKeyType="search"
/>
</ScrollView>
);
}
}

这是我在物理设备上收到的错误消息错误消息

我修改了许多选项，但都无济于事。有人对此有解决方案吗？或者看到了我可能缺少的东西吗？我正在运行react native 0.55.4。

如果我删除App.js中的import语句，错误就会消失，Hello World就会打印出来。

Answer 1

import memberArea from './android/app/src/components/memberArea';

而不是：

import memberArea from '.android/app/src/components/memberArea';