React Native UnableToResolveError (erreur impossible à résoudre)

Question

Je fais du React depuis ~2 ans, j'ai commencé à apprendre React Native il y a quelques jours et je me suis immédiatement heurté à un mur.

J'essaie d'importer un simple fichier .jsx dans mon App.js :

import PostsPage from './pages/PostsPage/PostsPageContainer.jsx';

Voici l'erreur que je reçois :

Impossible de résoudre ./pages/PostsPage/PostsPageContainer.jsx" à partir de ".//App.js : could not resolve /Users/MyUser/Documents/app-name/pages/PostsPage/PostsPageContainer.jsx' en tant que fichier ou dossier", "name" : "UnableToResolveError", "type" : "UnableToResolveError", "errors" :[{}]}, "type" : "bundling_error"}".

Il y a un énorme fil conducteur sur cette erreur mais ce sont tous les gens qui essaient d'importer des modules extérieurs. J'essaie d'importer un fichier .jsx normal que j'ai créé moi-même. J'ai vérifié deux et trois fois que le fichier existe bien et qu'il est correctement orthographié. J'ai également essayé de redémarrer le packager et de vider le cache.

J'ai utilisé ‎create-react-native-app pour créer cette application.

Answer 1

Pour vos extensions de fichiers dans react-native, utilisez .js au lieu de .jsx . L'extension par défaut est .js sauf si vous voulez désactiver cette règle.

Answer 2

Voici un problème que j'ai résolu en supprimant le trait d'union du nom du dossier : https://github.com/bnovf/react-native-github-graphql-app/issues/15

Je peux voir que votre chemin de fichier a un .../app-name/.. changez-le en appname ou appName et n'utilisez pas de trait de soulignement, par exemple app_name

Je ne sais pas pourquoi, mais ça m'a aidé.