undefined не является функцией _reactNavigation.default (routeConfigs, boxNavigatorConfig)

Question

Я создаю боковое меню, используя реагирующую навигацию. Я получаю выше ошибки. Когда я в Google, я получил решение, что я должен изменить версию реакции-навигации на 1.0.0-бета.23. Я сделал это. Но, тем не менее, я сталкиваюсь с той же ошибкой.

Мой index.js,

import { AppRegistry, Dimensions } from 'react-native';
import DrawerNavigator from 'react-navigation';
// import App from './App';
//Components
import HomeComponent from './components/HomeComponent';
import InfoComponent from './components/InfoComponent';
import SettingsComponent from './components/SettingsComponent';
import CloudComponent from './components/CloudComponent';
//Screen names
import { Home, Info, Settings, Cloud } from './screenNames';
//Screen size
var {height, width} = Dimensions.get('window');

let routeConfigs = {
    Home: {
        path: '/',
        screen: HomeComponent,
    },
    Info: {
        path: '/info',
        screen: InfoComponent,
    },
    Settings: {
        screen: SettingsComponent,
    },
    Cloud: {
        screen: CloudComponent,
    },
};
let drawerNavigatorConfig = {    
    initialRouteName: Home,
    drawerWidth: width / 2,
    drawerPosition: 'left',
    drawerOpenRoute: 'DrawerOpen',
    drawerCloseRoute: 'DrawerClose',
    drawerToggleRoute: 'DrawerToggle',  
    // drawerBackgroundColor: 'orange',
    contentOptions: {
        activeTintColor: 'red',
    },
    order: [Info, Settings, Cloud, Home]
};
const App = DrawerNavigator(routeConfigs, drawerNavigatorConfig);
AppRegistry.registerComponent('tutorialProject', () => App);