不能使用绝对路径导入?

时间:2016-01-25 20:28:49

标签: javascript react-native

请耐心等待,我不确定这是纯粹的React Native问题,还是一般的ES6问题。但我注意到我无法做到这一点:

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

我收到一条错误消息,说它无法解析模块。我必须这样做:

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

随着应用程序复杂性的增长,跟踪文件夹深度会变得有点难以管理。为什么我无法使用绝对路径?

编辑:

我看到有人建议添加babel,但我不想污染React Native的系统。很明显,ES6已经在进行中。我希望有一个特定于React Native生态系统的解决方案。

1 个答案:

答案 0 :(得分:5)

React Native实际上有一个非常干净的解决方案,请看这里:https://medium.com/@davidjwoody/how-to-use-absolute-paths-in-react-native-6b06ae3f65d1#.u47sl3p8x

<强> TL; DR:

您只需在package.json文件夹中创建src/helpers文件:

{
   "name": "@helpers" 
}

您可以从任何地方导入它:

import { navBarRouteMapper } from '@helpers'