2017-07-12 1 views
1

je prends une référence de https://docs.nativebase.io/, lorsque je tente d'utiliser l'exemple de code, il montre l'erreur Unable to resolve module, juste comme la photo enter image description here Mon environnement est:Impossible de résoudre le module en utilisant de la base native

"expo": "^18.0.4", 
"native-base": "^2.2.1", 
"react": "16.0.0-alpha.12", 
"react-native": "https://github.com/expo/react-native/archive/sdk-18.0.1.tar.gz", 

Voici mes app.js:

import React from 'react'; 
// import { StyleSheet, View, Text } from 'react-native'; 
import { Container, Button, Text } from 'native-base'; 

export default class App extends React.Component { 

    render() { 
    return (
     <Container> 
     <Button> 
      <Text> 
      Button 
      </Text> 
     </Button> 
     </Container> 
    ); 
    } 
} 

const styles = StyleSheet.create({ 
    container: { 
    flex: 1, 
    backgroundColor: '#fff', 
    alignItems: 'center', 
    justifyContent: 'center', 
    }, 
}); 

Je trouve que je viens importer "base native parce que l'erreur import { Container, Button, Text } from 'native-base';

S'il vous plaît dites-moi ce que l'étape me manque. Merci d'avance.

+1

pouvez-vous mettre à jour votre version réagira-native, problème non satisfait de la dépendance par les pairs, il semble –

+0

Merci pour votre réponse, j'ai trouvé la réponse qui est npm version 2.2.0, si vous voulez toujours utiliser 2.2.1, RN doit être 0.46 up. –

Répondre

1

Je pense que vous avez oublié d'installer le premier composant native-base, si pas utiliser la commande suivante dans votre projet

npm install native-base --save 
+1

Merci pour votre réponse, j'ai trouvé la réponse qui est npm version 2.2.0, si vous voulez toujours utiliser 2.2.1, RN doit être 0.46 up. –