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

标签 javascript import react-native node-modules

我正在尝试使用 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/

相关文章:

javascript - 语法错误: missing ) after argument list

python - 从 windows 和 linux 中的子文件夹导入函数

ruby-on-rails - 在 Rails 中导入 CSV - UTF-8 中具有非英语字符的无效字节序列

react-native - React Native 支持 Display P3 色域?还是只有srgb?

javascript - React.js 变量

javascript - 如何在方法中获取更新的状态? ( react 和还原)

javascript - 用 JavaScript 即时结束 CSS 动画

ios - 找不到“UIImageView+AFNetworking.h”文件

react-native - 在React Native中旋转SVG

javascript - React Native - 在导航期间传递给组件的参数在稍后再次导航到该组件时保留在该组件中