【问题标题】:Getting react-native-gesture-handler module was not found error for react-native-run-ios command获取 react-native-gesture-handler 模块未找到 react-native-run-ios 命令错误
【发布时间】:2022-11-01 13:26:48
【问题描述】:

我已将我的 React Native 版本从 0.64.2 升级到 0.70.3,并相应地升级了软件包。

运行调试时,react-native-gesture-handler 上发生上述错误。如果您有任何解决此问题的方法或任何建议,请与我分享。

添加了所有详细信息(代码、屏幕截图、错误)以详细检查,提前致谢。

请通过共享示例代码或解决步骤来帮助我解决问题。

以下是项目中使用的包列表,

{
  "name": "projectSetup",
  "version": "0.0.1",
  "private": true,
  "scripts": {
    "android": "react-native run-android",
    "ios": "react-native run-ios",
    "start": "react-native start",
    "test": "jest",
    "lint": "eslint"
  },
  "dependencies": {
    "@react-native-async-storage/async-storage": "^1.17.10",
    "@react-native-community/cli": "^9.2.1",
    "@react-native-community/datetimepicker": "^6.5.2",
    "@react-native-community/masked-view": "^0.1.11",
    "@react-native-community/netinfo": "^9.3.5",
    "@react-native-masked-view/masked-view": "^0.2.8",
    "axios": "^1.1.3",
    "lodash": "^4.17.21",
    "react": "18.1.0",
    "react-native": "^0.70.3",
    "react-native-android-location-enabler": "^1.2.2",
    "react-native-calendars": "^1.1275.0",
    "react-native-camera": "^4.2.1",
    "react-native-device-info": "^10.2.1",
    "react-native-elements": "^3.4.2",
    "react-native-fast-image": "^8.6.1",
    "react-native-flexbox-grid": "^0.3.2",
    "react-native-geocoding": "^0.5.0",
    "react-native-geolocation-service": "^5.3.1",
    "react-native-gesture-handler": "^2.7.1",
    "react-native-image-crop-picker": "^0.38.0",
    "react-native-image-pan-zoom": "^2.1.12",
    "react-native-image-picker": "^4.10.0",
    "react-native-maps": "^1.3.2",
    "react-native-month-selector": "^1.4.0",
    "react-native-onesignal": "^4.4.1",
    "react-native-paper": "^4.12.5",
    "react-native-qrcode-scanner": "^1.5.5",
    "react-native-reanimated": "^2.11.0",
    "react-native-safe-area-context": "^3.4.1",
    "react-native-screens": "^3.18.2",
    "react-native-signature-capture": "^0.4.12",
    "react-native-sound": "^0.11.2",
    "react-native-sound-player": "^0.13.2",
    "react-native-svg": "^13.4.0",
    "react-native-vector-icons": "^9.2.0",
    "react-native-view-pdf": "^0.14.0",
    "react-native-webview": "^11.23.1",
    "react-navigation": "^4.4.4",
    "react-navigation-stack": "^2.10.4",
    "react-redux": "^7.1.1",
    "redux": "^4.2.0",
    "redux-logger": "^3.0.6",
    "redux-thunk": "^2.4.1",
    "rn-fetch-blob": "^0.12.0",
    "socket.io-client": "^4.5.3"
  },
  "devDependencies": {
    "@babel/core": "^7.12.9",
    "@babel/runtime": "^7.12.5",
    "@react-native-community/eslint-config": "^2.0.0",
    "babel-jest": "^26.6.3",
    "eslint": "^7.32.0",
    "jest": "^26.6.3",
    "metro-react-native-babel-preset": "0.72.3",
    "react-test-renderer": "18.1.0"
  },
  "jest": {
    "preset": "react-native"
  }
}

代码下方的 App.js 文件

import React from "react";
import {View, Text, StyleSheet, LogBox, TouchableOpacity} from "react-native";
import { GestureHandlerRootView } from 'react-native-gesture-handler';


class App extends React.Component {
    render() {
        // LogBox.ignoreAllLogs()
        return (
            <GestureHandlerRootView style={{flex:1}}>
                <TouchableOpacity style={{flex:1,backgroundColor:'#000',alignItems:'center',justifyContent:'center'}}>
                    <Text style={{fontSize:20,color:'#fff'}}>Welcome to Home !!</Text>
                </TouchableOpacity>
            </GestureHandlerRootView>
        );
    }
}
export default App;

**错误 [react-native-gesture-handler] 未找到 react-native-gesture-handler 模块。确保您在本机平台上运行您的应用程序并且您的代码已正确链接(cd ios && pod install && cd ..)。

安装说明请参考https://docs.swmansion.com/react-native-gesture-handler/docs/#installation**

在 TouchableOpacity onPress收到错误,因为无法读取 null 的属性 handlesetjsresponder

【问题讨论】:

    标签: android ios react-native react-native-navigation react-native-gesture-handler


    【解决方案1】:

    你已经安装了这个包,但是你需要为 ios 安装 Pods。

    所以就这样做

    1. cd ios
    2. 吊舱安装
    3. cd ..

      然后按照命令 react-native-run-ios 再次重新运行应用程序

    【讨论】:

    • 以上步骤也试过了,还是不行
    • 可能是因为 "react-native": "^0.70.3",手势问题
    • npm uninstall react-native-gesture-handler --save npm install react-native-gesture-handler --save 再试一次
    • 现在尝试卸载和安装软件包,仍然是同样的错误。
    猜你喜欢
    • 2022-01-02
    • 2022-06-27
    • 2019-11-15
    • 2019-08-16
    • 1970-01-01
    • 2019-06-26
    • 1970-01-01
    • 2023-04-03
    • 2019-12-28
    相关资源
    最近更新 更多