web-dev-qa-db-ja.com

エラー：モジュール `react-native-gesture-handler`を解決できません

react-nativeでナビゲートを使用しようとします。追加しました：npm install --save react-navigation

しかし、それは私にこのようなエラーを与えます：

エラー：バンドルに失敗しました：エラー：react-native-gesture-handlerからモジュールC:\reactnative\proejectName\node_modules\@react-navigation\native\src\Scrollables.jsを解決できません：モジュールreact-native-gesture-handlerがHasteモジュールマップに存在しません

これはインデックスです：

import { AppRegistry } from 'react-native';
import App from './App';
import { name as appName } from './app.json';

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

これはapp.jsです

import React from 'react';
import { createStackNavigator, createAppContainer, } from 'react-navigation';
import First from './src/Components/First';
import DescriptionPage from './src/Components/DescriptionPage';


const Navigation = createStackNavigator({
  First: {
    screen: First,
  },
  DescriptionPage: {
    screen: DescriptionPage,
  },
});

const App = createAppContainer(Navigation);

export default App;

これはpackage.json：です

{
  "name": "ProjectName",
  "version": "0.0.1",
  "private": true,
  "scripts": {
    "start": "node node_modules/react-native/local-cli/cli.js start",
    "test": "jest"
  },
  "dependencies": {
    "react": "16.8.3",
    "react-native": "0.59.1",
    "react-native-sqlite-storage": "^3.3.10",
    "react-navigation": "^3.5.1"
  },
  "devDependencies": {
    "@babel/core": "7.4.0",
    "@babel/runtime": "7.4.2",
    "babel-jest": "24.5.0",
    "eslint-config-rallycoding": "^3.2.0",
    "jest": "24.5.0",
    "metro-react-native-babel-preset": "0.53.1",
    "react-test-renderer": "16.8.3"
  },
  "jest": {
    "preset": "react-native"
  }
}
react-native
56
hakan

同じ問題がありましたが、私の場合、react-native-gesture-handler自体のインストールが失敗していました。反応ネイティブバージョン0.61.5を使用していました。いくつかの理由により、最新バージョンのreact-native-gesture-handlerがプロジェクトにインストールされませんでした。エラーを解決するには、react-native-gesture-handlerの特定のバージョンをインストールします。

   npm install --save [email protected]

お役に立てれば。

0
Vasanth

同じ問題があった。それを解決する：

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

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

反応ナビゲーションバージョン3.11.0を確認してください。

enter image description here

その後 npm install react-native-gesture-handlerコマンド

0
lakshan chathura

macを実行している場合は、次の手順を実行してください。

  1. 削除する node_modulesおよびpackage-lock.json
  2. npm install
  3. npm install --save react-navigation
  4. npm install --save react-native-gesture-handler
  5. cd ios
  6. pod install

そして再び走る

0
Hesham A. Othman