Import meiner eigenen Komponenten schlägt in natives Projekt reagieren

Question

Ich habe den Ordner TestApp, wo ich meine Reaktion native Test-App erstellt haben, so dass die Indexdatei bei TestApp/index.ios.js befindet, habe ich eine Komponente in einem anderen Pfad TestApp/UIComponents/StartScreen/StartScreen.jsx deklariert. Wenn ich versuche, die Komponente StartScreen in index.ios.js-Datei zu importieren gibt es den Fehler:

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 Inhalt:

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 Inhalt:

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); 

Answer 1

Versuchen Sie in Ihrem Import ohne die Erweiterung .jsx.