为什么我总是收到以下错误：“无法解析模块@react导航-堆栈”？

Question

我正在构建一个项目，以反应本机与expo。我一直收到同样的错误：在这里输入图像描述

这是我的App.js

import 'react-native-gesture-handler';    
import React from 'react';
import { StyleSheet, Text, View } from 'react-native';
import { createStackNavigator } from '@react-navigation-stack';
import Home from './src/components/Home.js';

const Stack = createStackNavigator();

function myStack() {
  return (
    <Stack.Navigator>
      <Stack.Sreen 
      name="Home" 
      component={Home}
      />
    </Stack.Navigator>
  );
}

export default function App() {
  return (
    <NavigationContainer>
      <myStack/>
    </NavigationContainer>
  );
}

这是我package.json的一小部分

"dependencies": {
    "@react-navigation/core": "react-navigation/core",
    "@react-navigation/native": "react-navigation/native",
    "expo": "~42.0.1",
    "expo-status-bar": "~1.0.4",
    "react": "16.13.1",
    "react-dom": "16.13.1",
    "react-native": "https://github.com/expo/react-native/archive/sdk-42.0.0.tar.gz",
    "react-native-gesture-handler": "~1.10.2",
    "react-native-web": "~0.13.12",
    "react-navigation": "^4.4.4",
    "react-navigation-stack": "^2.10.4"
},

即使我安装了react-navigation-stack，你能不能帮我弄明白为什么我一直会收到这个错误？

Answer 1

请阅读react-navigation v4.x，反应导航堆栈的说明。

删除@符号，您需要像这样使用它：

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

要安装，请为expo运行下面的cmd

博览会安装反应-导航-堆栈

希望这对你有用。

Answer 2

你把包的名字打错了。是@react-navigation/stack，不是@react-navigation-stack

有关安装和使用情况，请参见https://reactnavigation.org/docs/stack-navigator/。