Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/reactjs/25.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
React native 无法解析模块';反应本机屏幕';_React Native_Navigation_Screen - Fatal编程技术网

React native 无法解析模块';反应本机屏幕';

React native 无法解析模块';反应本机屏幕';,react-native,navigation,screen,React Native,Navigation,Screen,我从Atom上的React Native获得此错误: 无法解析模块“反应本机屏幕” 以下是我的步骤: 我运行了npm安装--save react navigation,得到了以下结果: 然后我运行了npm安装: 之后,当我运行我的应用程序时,我得到一个错误: 无法从“node\u modules\react navigation stack\lib\module\views\StackView\StackViewCard.js”解析“react native screens” 生成Java

我从Atom上的React Native获得此错误:

无法解析模块“反应本机屏幕”

以下是我的步骤:

  • 我运行了
    npm安装--save react navigation
    ,得到了以下结果:
  • 然后我运行了
    npm安装
  • 之后,当我运行我的应用程序时,我得到一个错误:

    无法从“node\u modules\react navigation stack\lib\module\views\StackView\StackViewCard.js”解析“react native screens”
    生成JavaScript包失败


    您需要再安装3个libs
    react native手势处理程序
    react native reanimated
    ,以及
    react native屏幕

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

    参考文献:

    如果您下载了react导航,那么如果没有其支持的库,它将无法工作,这些库是
    react-native手势处理程序、react-native reanimated、react-native屏幕

    您可以通过纱线或npm下载

    npm install  react-native-gesture-handler react-native-reanimated react-native-screens
    


    希望能有帮助。不要怀疑

    我使用了以下步骤:

    npm安装--保存反应导航

    expo安装react本机手势处理程序react本机重新激活的react导航堆栈react本机屏幕

    expo install react本机安全区域视图react本机安全区域上下文


    expo install@react native community/masked view

    在您的.eslintrc.js中添加以下行:

    设置:{
    “导入/解析程序”:{
    “节点”:{
    扩展:['.js'、'.jsx'、'.json'、'.native.js']
    }
    },
    
    },
    使用以下步骤,这将100%有效

  • 安装React导航
  • npm安装反应导航

  • 安装依赖项
  • expo install react native手势处理程序react native reanimated react native screens react native safe area context@react native community/masked view

  • 安装React导航堆栈
  • npm安装react导航堆栈@react native community/masked view

  • 启动应用程序并使用npm Start-c清除缓存
  • 更新导入

    imports  will  look like this:
    import { createAppContainer } from 'react-navigation';
    import { createStackNavigator } from 'react-navigation-stack';
    
    错误? 如果您仍然看到有关软件包的错误和投诉,请执行以下操作:

  • rm-r节点\u模块

  • rm package lock.json

  • expo升级

  • npm启动-c


  • 如果您将expo用于react本机项目,那么对于react本机导航,您需要首先安装以下依赖项

    expo install react-native-gesture-handler react-native-reanimated react-native-screens react-native-safe-area-context @react-native-community/masked-view
    
    然后,在安装上述依赖项之后,您可以为不同类型的导航安装依赖项,如-

  • 底部选项卡导航
    npm安装@react导航/底部选项卡
  • 抽屉导航
    npm安装@react导航/Drawer

  • 等等。

    如果您正在升级到SDK 39

    运行以下命令:

    expo install react-native-gesture-handler react-native-reanimated react-native-screens react-native-safe-area-context @react-native-community/masked-view
    

    谢谢。请考虑在你的答案中加上一些解释和细节。
    expo install react-native-gesture-handler react-native-reanimated react-native-screens react-native-safe-area-context @react-native-community/masked-view