如何在React Native中使用正确的导入格式？

Question

我收到此错误消息：

  

无法从以下位置解析“ ​​./Components/SignInScreen”   “ App / screens / LoginScreen.js”

我很确定这是由于我的文件夹路径。有人可以告诉我我要使用的正确文件夹路径吗。

这是我当前在LoginScreen.js中导入的内容：

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

Activity A after choose

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

您正在从components文件夹中导入，但是图像显示您的组件位于screens文件夹中。也许import SignInScreen from "./screens/SignInScreen";和import SignUp from "./screens/SignUp";可以工作。