cloudinary / cloudinary/cloudinary-react-native

Expo dependency error, "Cannot find native module 'ExpoCrypto'", in Non-Expo React Native Projects

未关闭
#18 3 条评论 0 个 reaction 已指派 0 人 在 GitHub 查看
主要语言
TypeScript
星标
28
派生
21
PR 合并指标
30 天内没有已合并 PR

描述

I encountered an issue while integrating the cloudinary-react-native package version 0.2.0 into my bare React Native project. The problem arises due to the package's dependency on ExpoCrypto and other Expo modules, which are not available in a non-Expo (bare) React Native environment.

### Steps to Reproduce

1. Create a new bare React Native project using npx react-native init MyProject.
2. Install the cloudinary-react-native package using npm install cloudinary-react-native.
3. Attempt to use the package according to the provided documentation.
4. Encounter an error related to the missing ExpoCrypto module when running the app.

### Expected Behavior
I expected that the cloudinary-react-native package could be used in a bare React Native project without dependencies on Expo-specific modules, or that there would be clear documentation on how to handle such dependencies in a non-Expo environment.

```
import {Cloudinary} from '@cloudinary/url-gen';
import {upload} from 'cloudinary-react-native';

async function uploadImageToCloudinarySDK(payload: any) {
const {folder, upload_preset, uri} = payload;

const cld = new Cloudinary({
cloud: {cloudName: Config.CLOUDINARY_CLOUD_NAME },
url: {secure: true},
});

const options = {folder, upload_preset, unsigned: true};

await upload(cld, {
file: uri,
options,
callback: (error: any, response: any) => {
if (error) {
console.error('Upload Error:', error);
} else {
console.log('Upload Successful:', response);
}
},
}).catch((error: any) => console.log('ERROR CLD UPLOAD', error?.message));
}
```

### Actual Behavior
The application throws an error indicating that the ExpoCrypto native module cannot be found. This suggests that the package relies on Expo modules, which are not present in bare React Native environments. The exact error message is:

`Cannot find native module 'ExpoCrypto', js engine: hermes`

### Environment

- React Native version: 0.73.2
- Cloudinary React Native SDK version: 0.2.0
- Operating System: iOS
- Device details: iPhone 15 Pro Max

### Additional Context
I am not using Expo in my project and prefer to keep it as a bare React Native application. I noticed that the package-lock.json file lists several Expo-related dependencies, which might be causing this issue.

Given the package's potential utility for React Native developers looking to integrate Cloudinary, finding a solution to make it compatible with both Expo and non-Expo environments would be greatly beneficial.

### Potential Solutions or Workarounds
I am seeking guidance on how to resolve this issue. Possible solutions could include:

- Instructions on how to remove or bypass the Expo dependencies in a non-Expo environment.
- Updates to the package to support bare React Native projects without requiring Expo modules.
- Any other recommended approaches for using cloudinary-react-native in non-Expo React Native projects.

Thank you for looking into this issue. I appreciate any feedback or solutions you can provide.

贡献指南

打开贡献指南

调研方向

使用 React Native 0.73.2、cloudinary-react-native 0.2.0 以及 issue 中描述的 bare project 设置复现该故障。首先检查 package-lock.json 和该包与 Expo 相关的依赖;当 SDK 能够在 bare React Native 应用中工作,或记录所需的 workaround 和受支持的设置时,即表示完成。

由索引模型根据 Issue 内容生成。

评估

技术栈
react-native, typescript
领域
mobile
Issue 类型
缺陷
难度
5/5
预计耗时
一周以上
活跃度
停滞
描述清晰度
基本清楚
新手友好度
25/100

把新 issue 发到你的邮箱

精选适合新手参与的 GitHub issue 摘要。