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

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

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

这是我的结构

| – 组件/
| | – libs
| | – node_modules
| | – index.js
| | – package.json
| | – 演示/
| | | – node_modules
| | | – App.js
| | | – package.json

在demo / App.js中,我试图从上层目录导入我的一个组件,但没有运气.所有组件都以./index.js导出

在App.js里面,我尝试过：
从’Components’导入{MyComponent},从’../index’导入{MyComponent},或从’../../Components/’导入{MyComponent}但似乎没有工作.

我得到以下类型的错误目录/用户/ kevin / web / myprojects / Components / index不存在

我究竟做错了什么 ？

解决方法:

反应原生包装器现在的工作方式,它只是在创建JavaScript包时扫描项目的根和下面,所以这样做真的很难.

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

有些人正在研究如何使符号链接与此一起工作.值得注意的是,你可以从Callstack看看Haul. https://github.com/callstack-io/haul
但这还没有融入世博会.

标签：javascript,import,react-native,node-modules
来源： https://codeday.me/bug/20190627/1307776.html