反应导航 - 创建堆栈导航器错误 - "Undefined is not a function"

Question

我创建了以下代码以导入到应用程序中.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;

我正在导入应用程序.js如下所示

import Routes from './navigation/StackNavigator';

在此阶段预览我的应用程序时，我收到以下错误：

undefined is not a function (near '...(0, 
_reactNavigation.createStackNavigator)...')
<unknown>
C:AppstestappnavigationStackNavigator.js:9:6
loadModuleImplementation
C:Appstestappnode_modulesmetrosrclibpolyfillsrequire.js:213:12
<unknown>
C:AppstestappApp.js:7
loadModuleImplementation
C:Appstestappnode_modulesmetrosrclibpolyfillsrequire.js:213:12
<unknown>
C:Appstestappnode_modulesexpoAppEntry.js:2
loadModuleImplementation
C:Appstestappnode_modulesmetrosrclibpolyfillsrequire.js:213:12
guardedLoadModule
C:Appstestappnode_modulesmetrosrclibpolyfillsrequire.js:140:45
global code
<unknown file>:0

有谁知道可能出了什么问题？我要把头发扯出来了！任何建议将不胜感激！

Answer 1

建议：

• 将路由重命名为其他名称，例如Routes1(app.js和navigation/StackNavigator(

• 缩小错误的范围，例如从createStackNavigator中删除选项并尝试如下操作：

  const Routes1 = createStackNavigator();

  export default Routes1;

• 尝试此文件中的选项卡导航器(而不是堆栈导航器(，看看它是否正常工作。

• 清理并强制重新安装模块