javascript – React Native组件依赖关系,需要rnpm链接

我刚刚为React-Native创建了一个组件,我将很快推送到npm作为包.虽然我正在面对一个问题.

该组件依赖于另一个名为react-native-image-resizer的npm软件包.这个包需要与rnpm相关联才能工作.

虽然,当我将组件安装在一个全新的项目中时,依赖关系将不会自动链接,并且本机库不会出现在项目中.当然,当我运行rnpm链接时,它也不会将其添加到项目中.

所以我想知道什么是最好的方式来安装和链接这个依赖关系？

MacBook-Pro:Example $npm install react-native-image-crop

> react-native-image-crop@1.0.0 preinstall /Users/alexmngn/Work/react-native-image-crop/Example/node_modules/.staging/react-native-image-crop-95365d1b
> npm install --save react-native-image-resizer

react-native-image-crop@1.0.0 (git+ssh://git@github.com/alexmngn/react-native-image-crop.git#90e002c7d0f01c9d61277c30cad375560f09a94a) /Users/alexmngn/Work/react-native-image-crop/Example/node_modules/.staging/react-native-image-crop-95365d1b
├── UNMET DEPENDENCY react-native@^0.31.0
└── react-native-image-resizer@0.0.9 

npm WARN react-native-image-resizer@0.0.9 requires a peer of react-native@>=v0.14.2 but none was installed.
npm WARN react-native-image-crop@1.0.0 No repository field.
- react-native-image-resizer@0.0.9 node_modules/react-native-image-crop/node_modules/react-native-image-resizer
Example@0.0.1 /Users/alexmngn/Work/react-native-image-crop/Example
└── react-native-image-crop@1.0.0  (git+ssh://git@github.com/alexmngn/react-native-image-crop.git#90e002c7d0f01c9d61277c30cad375560f09a94a)

MacBook-Pro:Example $rnpm link
MacBook-Pro:Example $# nothing gets linked here...

另外,正如你可以看到的那样,当我在我的示例项目中安装我的组件时,我有一个未满足的同侪依赖关系问题,即使它在我的依赖关系中被正确列出(使用正确的版本)在package.json中：

{
  "name": "Example","version": "0.0.1","private": true,"scripts": {
    "start": "node node_modules/react-native/local-cli/cli.js start"
  },"dependencies": {
    "react": "15.2.1","react-native": "^0.31.0","react-native-image-crop": "git+ssh://github.com/alexmngn/react-native-image-crop.git"
  }
}

任何想法为什么抱怨？

可以在这里回收组件：http://github.com/alexmngn/react-native-image-crop.git

谢谢

解决方法

rnpm链接仅链接在package.json中找到的包,通常这些包通过命令rnpm install或npm install –save进行安装.

为了自动为那些安装软件包的人自动执行此操作,您可以编写一个预安装的npm脚本,该脚本将在程序包安装之前执行.

在thepackage.json中添加这样的脚本块

{
  "scripts": {
    "preinstall": "npm install --save react-native-image-resizer@0.0.9"
  }
}

这样做后,当有人尝试通过npm安装pacakge时,首先将安装react-native-image-resizer,并将include ab条目添加到package.json – >依赖关系使得rnpm链接可以正常工作.

阅读更多关于npm script的信息

原文地址：https://www.jb51.cc/js/153527.html

javascript – React Native组件依赖关系,需要rnpm链接

解决方法

相关推荐