如何修复此错误:模块未找到:无法解析'react-navigation/stack'？

Question

package.json：

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

MainNavigator：

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，npm，安装了专门的react导航/native，安装了专门的react导航/堆栈。我在这件事上折腾了一个小时，什么也解决不了。

Answer 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';

Answer 2

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