未知の不変の違反：要素の種類が無効

Question

私はただ反応的なネイティブで手をつけているだけで、簡単なナビゲーションでモックを構築しようとしています。しかし、私はこれを引き起こした理由について何の手掛かりもないところに固執しています。

index.js

import { AppRegistry } from 'react-native'; 
import App from './App'; 
AppRegistry.registerComponent('AwesomeProject',() => App); 

App.js

import React, { Component } from 'react' 
import { AppRegistry, View, Text, StyleSheet } from 'react-native' 
import Routes from './src/config/routes'; 

export class App extends Component { 
    render() { 
    return (
     <View> 
     <Routes/> 
     </View> 
    ) 
    } 
} 

Routes.js

import React from "react"; 
import { Platform } from "react-native"; 
import { StackNavigator } from "react-navigation"; 

import Home from '../screens/Home'; 
import SignUp from '../screens/SignUp'; 

export default const Routes = StackNavigator(
    { 
     Home: { screen: Home }, 
     SignUp: { screen: SignUp }, 
    }, 
    { 
     initialRouteName: "Home", 
     headerMode: "none", 
    } 
); 

エラー：

Answer 1

これが役立つかどうかはわかりません。しかし、次のようにそれをチェックしてみてください。

1. はこのようApp.jsに正しいファイル名を喜ば：import Routes from './src/config/Routes'; はあなたのコード上記のように、自分のファイル名はルートではなく、ルートでなければなりません。 Routes.js上
2. 、次のようにしてくださいしてみてください。 export default const Routes = StackNavigator({ initialRouteName: Home, Home: { screen: Home }, SignUp: { screen: SignUp }, }, { headerMode: "none", });