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>
    );
  }
}

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

我已经修补了许多选择，但无济于事。有没有人对此有解决方案，或者看到我可能会缺少的东西？我正在运行本机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';

React Native Import组件错误代码500

1 个答案: