導入我自己的組件導致原生項目反應失敗

我有文件夾TestApp，我創建了自己的原生測試應用程序，因此索引文件位於TestApp/index.ios.js，我在另一個路徑TestApp/UIComponents/StartScreen/StartScreen.jsx中聲明瞭一個組件。當我試圖導入組件StartScreen在index.ios.js文件時，它給人的錯誤：導入我自己的組件導致原生項目反應失敗

Requiring unknown module "./UIComponents/StartScreen/StartScreen.jsx".If you are sure the module is there, try restarting the packager or running "npm install". unknownModuleError require.js:147 loadModuleImplementation require.js:88 guardedLoadModule require.js:65 _require require.js:49 index.android.js:18 loadModuleImplementation require.js:122 guardedLoadModule require.js:58 _require require.js:49 global code require-0.js:1

StartScreen.jsx內容：

import React, { Component } from 'react'; 
import { 
    StyleSheet, 
    Text, 
    View 
} from 'react-native'; 

class StartScreen extends Component { 
    render() { 
    return (
     <View> 
     <Text>Some text</Text> 
     </View> 
    ); 
    } 
} 

export default StartScreen;

index.ios.js內容：

import React, { Component } from 'react'; 
import { 
    AppRegistry, 
    StyleSheet, 
    Text, 
    Image, 
    View, 
    TextInput, 
    ScrollView, 
    ListView 
} from 'react-native'; 
import StartScreen from './UIComponents/StartScreen/StartScreen.jsx'; 

class VertuoseApp extends Component { 
    render() { 
    return (
     <StartScreen/> 
    ); 
    } 
} 

AppRegistry.registerComponent('Vertuose',() => VertuoseApp);

來源

2016-10-10 Adrian Zghibarta