Javascript 使用react本机手势处理程序时出错

当我尝试使用react native手势处理程序时，出现以下错误：

/**
 * @format
 */
import 'react-native-gesture-handler';
import { NavigationContainer, StackActions } from '@react-navigation/native';
import { createStackNavigator } from '@react-navigation/stack';
import React from 'react';
import {AppRegistry} from 'react-native';
import Logsg from './screens/logsg.js';
import {name as appName} from './app.json';

const AuthStack = () => {
return(
 <NavigationContainer>
     <Stack.Navigator>
         <Stack.Screen name="Logsg" component ={Logsg}/>
     </Stack.Navigator>
 </NavigationContainer>
)
}


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

：尝试从文件'/Users/user/Project/index.js'解析模块'react native signature handler'时，成功找到包'/Users/user/Project/node_modules/react native signature handler/package.json'。但是，此包本身指定了一个无法解析的“main”模块字段（“/Users/user/Project/node_modules/react native手势处理程序/index.js”。实际上，这些文件都不存在：[……]

My index.js文件：

/**
 * @format
 */
import 'react-native-gesture-handler';
import { NavigationContainer, StackActions } from '@react-navigation/native';
import { createStackNavigator } from '@react-navigation/stack';
import React from 'react';
import {AppRegistry} from 'react-native';
import Logsg from './screens/logsg.js';
import {name as appName} from './app.json';

const AuthStack = () => {
return(
 <NavigationContainer>
     <Stack.Navigator>
         <Stack.Screen name="Logsg" component ={Logsg}/>
     </Stack.Navigator>
 </NavigationContainer>
)
}


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

/**
*@格式
*/
导入“反应本机手势处理程序”；
从'@react navigation/native'导入{NavigationContainer，StackActions}；
从'@react navigation/stack'导入{createStackNavigator}；
从“React”导入React；
从“react native”导入{AppRegistry}；
从'/screens/Logsg.js'导入Logsg；
从“./app.json”导入{name as appName}；
常量AuthStack=（）=>{
返回(
)
}
注册表组件（appName，（）=>AuthStack）；

我也有同样的问题，结果是我没有在本机端正确设置它

确保遵循以下说明：