javascript - 主目录之外的 React-Native 导入文件

Question

我正在尝试使用 Expo 为某些组件制作演示应用程序和 react-native . (或者我也可以使用常规 React-Native )

我的问题是我无法在演示应用程序之外导入文件

这是我的结构
|-- Components/
| |-- libs
| |-- node_modules
| |-- index.js
| |-- package.json
| |-- demo/
| | |-- node_modules
| | |-- App.js
| | |-- package.json
demo/App.js内部，我正在尝试从上层目录导入我的一个组件，但没有运气。所有组件都在 ./index.js 中导出
App.js内部， 我试过了 :import {MyComponent} from 'Components' , import {MyComponent} from '../index' , 或 import {MyComponent} from '../../Components/'但似乎没有一个工作。

我收到以下类型的错误 Directory /Users/kevin/web/myprojects/Components/index doesn't exist
我究竟做错了什么 ？

Answer 1

react-native 打包器现在的工作方式，它只是在创建 JavaScript 包时扫描你的项目的根目录和下面，所以这样做真的很难。

您基本上只需要将文件放在目录的根目录下。有一些工具可以将文件从另一个目录同步到根目录下的目录中，因此如果您确实需要，可以使用其中一个。

有些人正在研究使符号链接(symbolic link)与此一起使用的方法。值得注意的是，您可能会查看 Callstack 中的 Haul。 https://github.com/callstack-io/haul
但这还没有融入世博会。