Как использовать правильные форматы импорта в React Native?

Question

Я получаю это сообщение об ошибке:

Невозможно разрешить "./Components/SignInScreen" из "App /screen / LoginScreen.js"

и яЯ уверен, что это из-за моего пути к папке.Может кто-то сказать мне правильный путь к папке, которую я буду использовать.

Это мой текущий импорт в мой LoginScreen.js:

import SignInScreen from "./Components/SignInScreen";
import SignUp from "../Components/SignUp";

Answer 1

При импорте используются относительные пути.Таким образом, вы описываете путь к другому файлу из импортируемого файла.

Для файла в той же папке используйте: ./fileName.js

Для перемещения вверх по папке используйте: ../

Чтобы перейти к папке, просто используйте имя папки как обычно: ./subfolder/fileName.js

Вы можете перемещаться по дереву проекта, смешивая оба.Например, подняв две папки вверх, а другую - вниз: ../../subfolder/fileName.js

Тем не менее, вы должны использовать:

import SignInScreen from "./SignInScreen";
import SignUp from "./SignUp";

Answer 2

Когда файлы LoginScreen, SignInScreen и SignUp находятся в одной папке, вы можете использовать формат ниже.

import SignInScreen from './SignInScreen';
import SignUp from './SignUp';

Answer 3

Вы импортируете из папки компонентов, но ваше изображение показывает, что ваши компоненты находятся в папке экранов.Возможно, import SignInScreen from "./screens/SignInScreen"; и import SignUp from "./screens/SignUp"; могут работать.