错误:无法解析模块`react-native-gesture-handler`

问题描述 投票:12回答:3

我尝试使用反应原生的导航..我补充说:npm install --save react-navigation

但它给我一个这样的错误:

错误:捆绑失败:错误:无法从react-native-gesture-handler解析模块C:\reactnative\proejectName\node_modules\@react-navigation\native\src\Scrollables.js:Haste模块映射中不存在模块react-native-gesture-handler

这是索引:

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
3个回答
52
投票

您还需要在项目依赖项列表中单独安装react-native-gesture-handler,并将其与本机链接。请参考这个doc

希望这可以帮助。快乐的编码!


5
投票

使用以下命令进行安装

yarn add react-native-gesture-handler

然后链接特定项目中的库

react-native link react-native-gesture-handler

2
投票

在您的反应原生项目中找不到手势处理程序。运行此命令

npm install react-native-gesture-handler

快乐的编码


0
投票

确保您的react-navigation版本3.11.0。

enter image description here

然后npm install react-native-gesture-handler命令

© www.soinside.com 2019 - 2024. All rights reserved.