Реактивная навигация - ошибка createStackNavigator - «Не определено не является функцией»

Question

Я создал следующий код для импорта в app.js

import React from "react";
import { View } from "react-native";
import { createStackNavigator } from "react-navigation";
import HomeScreen from '../screens/HomeScreen';
import ProfileScreen from '../screens/auth/ProfileScreen';
import FilterScreen from '../screens/FilterScreen';

  const Routes = createStackNavigator(
      {
        Home: {
          screen: HomeScreen
        },
        Filters: {
          screen: FilterScreen
        },
        Profile: {
          screen: ProfileScreen
        }
      },
      {
        initialRouteName: "Home",
        navigationOptions: {
          headerTitleStyle: {
            fontWeight: "bold",
            color: "#fff",
          },
          headerTintColor: "#fff"
        }
      }
    );

    export default Routes;

Я импортирую в app.js следующим образом

import Routes from './navigation/StackNavigator';

При предварительном просмотре приложения вна этом этапе я получаю следующую ошибку:

undefined is not a function (near '...(0, 

_reactNavigation.createStackNavigator)...')

<unknown>
    C:\Apps\test\app\navigation\StackNavigator.js:9:6
loadModuleImplementation
    C:\Apps\test\app\node_modules\metro\src\lib\polyfills\require.js:213:12
<unknown>
    C:\Apps\test\app\App.js:7
loadModuleImplementation
    C:\Apps\test\app\node_modules\metro\src\lib\polyfills\require.js:213:12
<unknown>
    C:\Apps\test\app\node_modules\expo\AppEntry.js:2
loadModuleImplementation
    C:\Apps\test\app\node_modules\metro\src\lib\polyfills\require.js:213:12
guardedLoadModule
    C:\Apps\test\app\node_modules\metro\src\lib\polyfills\require.js:140:45
global code
    <unknown file>:0

Кто-нибудь знает, что может быть не так?Я рву свои волосы!Будем благодарны за любые предложения!

Answer 1

Предложения:

• Переименование маршрутов во что-то другое, например Routes1 (в обоих app.js и navigation/StackNavigator)

• Сужение области действия ошибки, напримерудалите параметры из createStackNavigator и попробуйте что-то вроде:

  const Routes1 = createStackNavigator();

  export default Routes1;

• Попробуйте навигатор по вкладкам в этом файле (вместо этогоof stackNavigator) и посмотрите, работает ли он нормально.

• Очистите и выполните принудительную переустановку модулей