在React Native中导入文件

时间:2017-03-07 22:16:16

标签: android react-native

我的目录结构如下所示:

web/
  js/
    Test.js
mobile
  index.android.js

index.android.js中,我添加了import Test from '../web/js/Test。但是,我收到了这个错误:

(node:590) UnhandledPromiseRejectionWarning:
Unhandled promise rejection (rejection id: 12):
UnableToResolveError:
Unable to resolve module `../web/js/Test.js` from `/mnt/d/.../mobile/index.android.js`:
Directory /mnt/d/.../web/js/Test.js doesn't exist

我尝试重新运行react-native start但它仍然无效。我没有安装Watchman,但我认为这不是问题。

1 个答案:

答案 0 :(得分:0)

1)在移动文件夹中的package.json中添加依赖项:

"dependencies": {
   //...your deps here +
   "commonWebAndMobileDeps": "file:../web/js/common"
}

2)确保Test.js在web/js/common

3)在移动文件夹中运行npm install

4)在移动设备中导入:

import Test from 'commonWebAndMobileDeps/Test'