我正在尝试使用 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
我究竟做错了什么 ?
最佳答案
react-native 打包器现在的工作方式,它只是在创建 JavaScript 包时扫描你的项目的根目录和下面,所以这样做真的很难。
您基本上只需要将文件放在目录的根目录下。有一些工具可以将文件从另一个目录同步到根目录下的目录中,因此如果您确实需要,可以使用其中一个。
有些人正在研究使符号链接(symbolic link)与此一起使用的方法。值得注意的是,您可能会查看 Callstack 中的 Haul。 https://github.com/callstack-io/haul
但这还没有融入世博会。
关于javascript - 主目录之外的 React-Native 导入文件,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/43181059/