Блог

Я разрабатываю приложение на языке react-native, при запуске приложения я получаю эту ошибку.

Мой index.js файл

 import App from './App';
import {name as appName} from './app.json';

AppRegistry.registerComponent(appName, () => App);
  

Мой App.js файл

 import { StyleSheet, View, StatusBar } from 'react-native';
import Routes from './src/store/Routes';
import 'react-native-gesture-handler';

export default class App extends Component {
  render() {
    return (
      <View style={styles.container}>
        <StatusBar backgroundColor="#18163E" barStyle="light-content" />
        <Routes />
      </View>
    );
  }
}

const styles = StyleSheet.create({
  container: {
    flexGrow: 1,
  },

}); ```

While running i am getting above error and it is pointed to index.js file 
  

Это отсутствует.

 import React, { Component } from 'react';
  

В вашем сообщении об ошибке четко указано, что компонент React отсутствует.

В вашем App.js файл добавьте нижеприведенную строку:

 import React, { Component } from 'react';
  

Все ваши компоненты react должны иметь эту строку.

После добавления приведенной выше строки ваш App.js файл будет выглядеть следующим образом:

 import React, { Component } from 'react';
import { StyleSheet, View, StatusBar } from 'react-native';
import Routes from './src/store/Routes';
import 'react-native-gesture-handler';

export default class App extends Component {
  render() {
    return (
      <View style={styles.container}>
        <StatusBar backgroundColor="#18163E" barStyle="light-content" />
        <Routes />
      </View>
    );
  }
}

const styles = StyleSheet.create({
  container: {
    flexGrow: 1,
  },

}); 
  

Вы забыли импортировать AppRegistry из react-native?