在React Native中导入文件

Question

我的目录结构看起来像这样：

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，但它仍然无法使用。我没有安装守望者，但我认为这不是问题。

Answer 1

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'