Почему импорт не работает в реагировать родной?

Question

Я пытаюсь импортировать мой второй файл в App.js для моего проекта.Я получаю сообщение об ошибке «Сервер разработки вернул код ошибки ответа: 500».По сути говоря, «Не удается разрешить« MainFile »из« App.js ».

Почему это происходит? Я считаю, что это правильно, но по какой-то причине этот багфест говорит, что файл не существует. Первый кодмой файл App.js, а второй - код, который я пытаюсь импортировать.

https://gyazo.com/6911c477f9c9e8149370571ca49a0b9f

https://gyazo.com/73f0079bc6a2640877bcc30fa1e609ec

import React from 'react';
import MainFile from './components/MainFile';


export default class App extends React.Component{
  render() {
    return(
      <MainFile />
    );
  }
}

---

import React from 'react';
import {StyleSheet, Text, View, TextInput, ScrollView, TouchableOpacity} from 'react-native';

export default class MainFile extends React.Component{
    render(){
        return(
            <View style={styles.container}>
                <Text>Testing</Text>
            </View>
        );
    }
}

const styles = StyleSheet.create({
    container: {

    },
});

Answer 1

1. удалить папку node_modules
2. редактировать пакет json: реактивная версия до "55.4" или "55.2" и babel-preset-реакции-native для "4.0.0" (если ваша версия отличается попробуйте использовать последнюю версию или понизьте ее).
3. запустить команду npm install или yarn install
4. все готово

Источник: Github

Answer 2

1. Двойная проверка, существует ли файл по указанному пути или нет
2. Если файл не является javascript (.js), укажите расширение
3. Попробуйте использовать двойную кавычку при обращении к файлу (например, "./src/..")
4. Если файл для импорта не является .js, то убедитесь, что соответствующая библиотека реагирования импортируется при первом импорте Например (import {..., Image} из'act-native ')