为什么我的“@react-navigation/bottom-tabs”和“@react-navigation/stack”不起作用？

Question

[在此处输入图像描述]

import React, {Component} from 'react';
import { StyleSheet, Text, View, StatusBar, Image, Animated, TouchableWithoutFeedback, TouchableOpacity } from 'react-native';
import {NavigationContainer, DrawerActions} from '@react-navigation/native';
import * as Animatable from 'react-native-animatable';
import { Surface } from 'react-native-paper';
import Icon from 'react-native-vector-icons/MaterialCommunityIcons';
import Icon2 from 'react-native-vector-icons/Ionicons';
import { createStackNavigator } from '@react-navigation/stack';
import { createBottomTabNavigator } from '@react-navigation/bottom-tabs';


class App extends Component {
  constructor(props) {
    super(props);
  }
  render() {
    return <View style={styles.container} >
      <Text style={styles.title}>Music</Text>
      <Image
        source = {require('./assets/MusicLogo.png')}
        style = {styles.logo}
      />

    </View>
  }
}

[2]:[我已经使用我的终端并输入 NPM install @react-navigation/stack 和 NPM install @react-navigation/bottom-tabs 下载这两个。 但是当我开始运行程序时，设备显示错误（在图像中）https://i.stack.imgur.com/w4eor.png]