2016-01-25 33 views
5

Orso con me, non sono sicuro che si tratti di un problema React Native o di una domanda ES6 in generale. Ma ho notato che non sono in grado di farlo:Non è possibile utilizzare i percorsi assoluti per l'importazione?

import {navBarRouteMapper} from '/src/helpers'; 

Viene visualizzato un errore che indica che non è possibile risolvere il modulo. Devo fare questo, invece:

import {navBarRouteMapper} from '../../../src/helpers'; 

Tenere traccia della profondità cartella può diventare un po 'ingestibile come la complessità delle app cresce. Perché non riesco a usare un percorso assoluto?

EDIT:

vedo persone sono raccomandare l'aggiunta di babele, ma io non voglio inquinare React sistema di Native. Ovviamente è già in corso la transpilation per ES6. Speravo in una soluzione specifica per l'ecosistema React Native.

+1

Possibile duplicato di [Importazione di moduli nodo dalla directory principale utilizzando es6 e nodo babel] (http://stackoverflow.com/questions/31068 698/importazione nodi-modules-da-root-directory-using-ES6-e-babel-node). React Native usa Babel quindi credo che la tua risposta sia qui. –

+0

È possibile farlo con Browserify. – elclanrs

+0

noti che il percorso è una stringa e non è necessario che sia codificato in ogni posizione in cui viene utilizzato. puoi anche usare l'importazione del tempo di esecuzione. – dandavis

risposta

5

Esiste una soluzione piuttosto pulita per React Native, dai uno sguardo qui: https://medium.com/@davidjwoody/how-to-use-absolute-paths-in-react-native-6b06ae3f65d1#.u47sl3p8x.

TL; DR:

Ti basta creare un file nella cartella package.jsonsrc/helpers:

{ 
    "name": "@helpers" 
} 

E si sarà in grado di importare da qualsiasi luogo:

import { navBarRouteMapper } from '@helpers' 
+0

Per le immagini questo non funziona e dice che è supportato solo a scopo di debug – astiefel

+0

non ha funzionato per me –

+0

Per le immagini, è sufficiente scrivere qualcosa come: 'importa l'immagine da '@ assets/images.myImage.png''. Assicurati di esportare correttamente ('default' o no) la tua variabile (immagine, componente, ecc.). –

Problemi correlati