Как использовать правильные форматы импорта в React Native?
Я получаю это сообщение об ошибке:
Unable to resolve "./Components/SignInScreen" from "App/screens/LoginScreen.js"
и я почти уверен, что это из-за моего пути к папке. Может ли кто-нибудь сказать мне правильный путь к папке, который я должен использовать.
Это мой текущий импорт в моем LoginScreen.js:
import SignInScreen from "./Components/SignInScreen";
import SignUp from "../Components/SignUp";
импортировать SignInScreen из "./SignInScreen"; также я не вижу их в папке «Компоненты», а в папке «экраны».
Ответы 3
Вы импортируете из папки компонентов, но ваше изображение показывает, что ваши компоненты находятся в папке экранов. Возможно, import SignInScreen from "./screens/SignInScreen"; и import SignUp from "./screens/SignUp"; сработают.
Когда файлы LoginScreen, SignInScreen и SignUp находятся в одной папке, вы можете использовать следующий формат.
import SignInScreen from './SignInScreen';
import SignUp from './SignUp';
Ваш импорт использует относительные пути. Таким образом, вы описываете путь к другому файлу из файла импорта.
Для файла в той же папке используйте: ./fileName.js
Чтобы перейти вверх по папке, используйте: ../
Чтобы перейти в папку, просто используйте имя папки, как обычно: ./subfolder/fileName.js
Вы можете перемещаться по дереву проекта, смешивая оба. Например, переход на две папки вверх и на одну папку вниз: ../../subfolder/fileName.js
Тем не менее, вы должны использовать:
import SignInScreen from "./SignInScreen";
import SignUp from "./SignUp";
Просто предположение, но перепроверьте, что вы действительно экспортируете компонент в ЛогинЭкран.