[解決済み] Error: Unable to resolve module `react-native-gesture-handler`.
2023-02-07 03:05:29
質問
react-nativeでnavigateを使おうとしています。
私は.を追加しました。
npm install --save react-navigation
のようなエラーが発生します。
error: bundling failed: Error: モジュールを解決できません。
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-gesture-handler
を別途インストールし、こちらもネイティブでリンクする必要があります。以下を参照してください。
doc
.
関連
-
[解決済み] React NativeとReactの違いは何ですか?
-
[解決済み] React Nativeでアプリ名を変更する
-
[解決済み] react nativeプロジェクトにインストールされたライブラリを削除する方法
-
[解決済み] React Nativeのグローバルスタイル
-
[解決済み] Androidのフラットリスト(React Native)でスクロールバーを隠す
-
[解決済み] React Native アニメーション、完全なイベント
-
[解決済み] React Nativeで電話をかけるには?
-
[解決済み] react nativeで<Text>のテキストを大文字にする方法
-
[解決済み] Xcode throws 'atomic_notify_one<unsigned long>' is unavailable
-
[解決済み] React Nativeのプロジェクト名を変更しますか?
最新
-
nginxです。[emerg] 0.0.0.0:80 への bind() に失敗しました (98: アドレスは既に使用中です)
-
htmlページでギリシャ文字を使うには
-
ピュアhtml+cssでの要素読み込み効果
-
純粋なhtml + cssで五輪を実現するサンプルコード
-
ナビゲーションバー・ドロップダウンメニューのHTML+CSSサンプルコード
-
タイピング効果を実現するピュアhtml+css
-
htmlの選択ボックスのプレースホルダー作成に関する質問
-
html css3 伸縮しない 画像表示効果
-
トップナビゲーションバーメニュー作成用HTML+CSS
-
html+css 実装 サイバーパンク風ボタン
おすすめ
-
[解決済み] React Native - StyleSheetを使用する利点は、プレーンなオブジェクトと比較して何ですか?
-
[解決済み] React-Nativeは最初の文字が大文字でないものを書けない
-
[解決済み] TouchableNativeFeedback、TouchableHighlight、TouchableOpacityをいつ使うか?
-
[解決済み] react nativeプロジェクトにインストールされたライブラリを削除する方法
-
[解決済み] Androidのフラットリスト(React Native)でスクロールバーを隠す
-
[解決済み] React Native アニメーション、完全なイベント
-
[解決済み] React Nativeで電話をかけるには?
-
[解決済み] React Native Android ビルドエラー MainActivity.java:29: error: cannot find symbol
-
[解決済み] React Nativeで「リモートデバッガがバックグラウンドのタブにある」という警告を消す。
-
[解決済み] React Nativeのプロジェクト名を変更しますか?