如何解决此错误：找不到模块：无法解析“反应导航/堆栈”？答案

【问题标题】：How can I fix this error: Module not found: Can't resolve 'react-navigation/stack'?如何解决此错误：找不到模块：无法解析“反应导航/堆栈”？
【发布时间】：2021-08-18 06:33:27
【问题描述】：

package.json:

"@react-navigation/native": "^5.9.4", 
"@react-navigation/stack": "^5.14.5",

主导航器：

import React from 'react';
import {
  createStackNavigator,
  createAppContainer,
} from 'react-navigation/stack';
import HomeScreen from './Surveys'


const Stack = createStackNavigator(MyStack);

function MyStack() {
  return (
    <Stack.Navigator>
      <Stack.Screen name="HomeScreen" component={HomeScreen} />

    </Stack.Navigator>
  )
}

export default createAppContainer(Stack);

我已经删除了 node_modules，为 Expo 安装了 npm，专门安装了 react-navigation/native，专门安装了 react-navigation/stack。我在这个问题上绕了一个小时，没有任何修复。

【问题讨论】：

您忘记在导入语句中添加@。 import {createStackNavigator, createAppContainer} from '@react-navigation/stack'; 另外createAppContainer 是反应导航的旧用法。您需要从@react-navigation/native 导入NavigationContainer 以获得版本5 reactnavigation.org/docs/getting-started ...另外，createStackNavigator(MyStack)？请阅读文档...

标签： react-native react-navigation react-navigation-stack

【解决方案1】：

试试这个：

$ yarn add react-navigation
$ expo install react-native-gesture-handler react-native-reanimated react-native-screens react-native-safe-area-context @react-native-community/masked-view
$ yarn add react-navigation-stack @react-native-community/masked-view

import { createAppContainer } from 'react-navigation';
import { createStackNavigator } from 'react-navigation-stack';

【讨论】：

找不到模块：无法解析 'react-navigation/stack'
@infinesse 更改包和导入后？

【解决方案2】：

我试图使用这些库/组件的旧版本来重用旧项目的一部分。解决方案是使用当前版本从头开始构建它，这非常容易/快速。我浪费了几个小时，我想这并不是完全的损失，因为这会提醒我们，有时从头开始会更好。

【讨论】：