Question

在下载"react-native-gesture-handler" dependencies: "^ 1.1.0"和"react-navigation": "^ 3.5.1"开始出现以下消息错误之后，我正在创建一个具有react-native的登录系统：

null不是对象（正在评估“ rngesturehandlermodule.direction”）

我试图删除该项目并重新进行工程，删除并重新安装node_modules文件夹，然后重新安装依赖项，但是没有任何效果。

Answer 1

在终端上用metro bundler停止Ctrl+C。
再次运行Metro bundler：npx react-native start
再次运行构建命令npx react-native run-android

构建过程可能需要几分钟。

Answer 2

我有同样的问题。然后，我一步一步安装了react-navigation和react-native-gesture-handler，如下所示：

步骤：

删除node_modules和package-lock.json
npm install
npm install --save react-navigation
npm install --save react-native-gesture-handler
react-native link

您可以找到原始答案here

Answer 3

我在Android上遇到了这个问题。

我所做的只是：

cd android
清洁干净
封闭式地铁捆扎机
本机运行android

解决了我的问题

Answer 4

对于android

1-> cd android /

2-> ./gradlew clean

3-> cd ../

4->立即运行项目

我不知道这是确切的答案吗？但这对我有用。

Answer 5

我从react-native v0.59.9在ios上遇到了相同的错误。以下解决方案对我有效。 ?

npm我反应本地手势处理程序
本机链接react-native-gesture-handler
cd ios && pod安装&& cd ..
react-native run-ios

?提示：来自v0.60.0
的本地反应支持自动链接

Answer 6

我遇到了这个问题，我使用npm而不是yarn解决了它。

Answer 7

每次通过npm安装新的依赖项时，都需要重新运行应用程序。关闭应用程序，然后运行npx react-native run-android

Answer 8

我所做的只是：

重新启动Metro服务器：ctrl + c，然后启动yarn
本机运行Android // basically reinstalling the project after installing react-navigation

Answer 9

我有相同的错误，但是它通过为导航文件创建名称为“ MainNavigator.js”的单独文件来解决

import { createStackNavigator, createAppContainer } from 'react-navigation'; 
import HomeScreen from '../screen/Home';
import DetailsScreen from '../screen/Details';

    const RootStack = createStackNavigator({
        Home: HomeScreen,
        Details: DetailsScreen,
    }, {
        initialRouteName: 'Home',
    }
    );


const AppContainer = createAppContainer(RootStack);

export default AppContainer;

并通过以下代码在App.js文件中使用

import React from 'react';
import RootNavigator from './js/navigation/MainNavigator';
class App extends React.Component {
    render() {
        return <RootNavigator />
    }
}
export default App;

Answer 10

我遇到了这个问题，只是重新启动了Metro Bundler和iOS模拟器。当我重新启动它们时，它似乎可以正常工作。

Answer 11

请首先在终端中运行此命令：

npm uninstall react-native-gesture-handler --save

第二个：

npm install react-native-gesture-handler --save

第三：

react-native link react-native-gesture-handler

第四：

npm start

最后，这是工作。

Answer 12

如果您使用的是android，请尝试以下解决方案：转到：/android/settings.gradle有字符串： project（'：react-native-gesture-handler'）。projectDir =新文件（rootProject.projectDir，'.. \ node_modules \ react-native-gesture-handler \ android'）

tro用更改它： project（'：react-native-gesture-handler'）。projectDir =新文件（rootProject.projectDir，'.. \ node_modules \ react-native-gesture-handler \ android'）来源：＃494（评论）

Answer 13

npx pod-install 应该为您解决问题。

Answer 14

如果您使用的是 react-native 版本 0.59.10，请尝试针对 ios 执行以下步骤：

package.json 中的更改“react-native-gesture-handler”：“1.1.1”
npx react-native link --platforms ios
打开 Xcode 并在它显示库的顶部 > iphone 或您构建的任何设备，将库更改为指向 RNGestureHandler 并单独运行并确保构建正常。然后切换回您的项目并运行/构建它。
可能不相关，但我还必须手动构建 RN 屏幕。

Answer 15

cd到项目的ios子目录中，然后运行pod install。

null不是对象（评估'rngesturehandlermodule.direction'）

15 个答案: