将 ImagePicker 实现到 React-Native Android 中



我正在尝试将图像选择器库实现到我的 android 反应原生项目中。但是,我收到响应错误代码 500,即使我完全按照视频指南进行操作,我似乎也无法理解。我关注的视频指南是这个 https://www.youtube.com/watch?v=FXG3AJ6OJCk。

我还通过在安装库后运行链接来链接它。

任何帮助将不胜感激。

npm link react-native-image-picker

这是函数,当我调用它时,它返回 500 错误,如下所示

import { ImagePicker } from 'react-native-image-picker';
takePic() {
ImagePicker.showImagePicker({}, (response)=> {
console.log(response); 
})
}

返回:

The development server returned response error code: 500
URL: http://192.168.1.105:19001/node_modules/expo/AppEntry.bundle?platform=android&dev=true&minify=false&hot=false
Body:
{"originModulePath":"C:\New_Mobile\FYP\src\components\Drawer\Profile.js","targetModuleName":"react-native-image-picker","message":"Unable to resolve module `react-native-image-picker` from `C:\New_Mobile\FYP\src\components\Drawer\Profile.js`: 
Module `react-native-image-picker` does not exist in the Haste module mapnnThis might be related to https://github.com/facebook/react-native/issues/4968nTo resolve try the following:n  
1. Clear watchman watches: `watchman watch-del-all`.n  
2. Delete the `node_modules` folder: `rm -rf node_modules && npm install`.n  
3. Reset Metro Bundler cache: `rm -rf /tmp/metro-bundler-cache-*` or `npm start -- --reset-cache`.n  
4. Remove haste cache: `rm -rf /tmp/haste-map-react-native-packager-*`.","errors":[{"description":"Unable to resolve module `react-native-image-picker` from `C:\New_Mobile\FYP\src\components\Drawer\Profile.js`: 
Module `react-native-image-picker` does not exist in the Haste module mapnnThis might be related to https://github.com/facebook/react-native/issues/4968nTo resolve try the following:n  
1. Clear watchman watches: `watchman watch-del-all`.n  
2. Delete the `node_modules` folder: `rm -rf node_modules && npm install`.n  
3. Reset Metro Bundler cache: `rm -rf /tmp/metro-bundler-cache-*` or `npm start -- --reset-cache`.n  
4. Remove haste cache: `rm -rf /tmp/haste-map-react-native-packager-*`."}],"name":"Error","stack":"Error: Unable to resolve module `react-native-image-picker` from `C:\New_Mobile\FYP\src\components\Drawer\Profile.js`: 
Module `react-native-image-picker` does not exist in the Haste module mapnnThis might be related to https://github.com/facebook/react-native/issues/4968nTo resolve try the following:n  
1. Clear watchman watches: `watchman watch-del-all`.n  
2. Delete the `node_modules` folder: `rm -rf node_modules && npm install`.n  
3. Reset Metro Bundler cache: `rm -rf /tmp/metro-bundler-cache-*` or `npm start -- --reset-cache`.n  
4. Remove haste cache: `rm -rf /tmp/haste-map-react-native-packager-*`.n    at ModuleResolver.resolveDependency (C:\New_Mobile\FYP\node_modules\metro\src\node-haste\DependencyGraph\ModuleResolution.js:183:15)n    at ResolutionRequest.resolveDependency (C:\New_Mobile\FYP\node_modules\metro\src\node-haste\DependencyGraph\ResolutionRequest.js:52:18)n    at DependencyGraph.resolveDependency (C:\New_Mobile\FYP\node_modules\metro\src\node-haste\DependencyGraph.js:283:16)n    at Object.resolve (C:\New_Mobile\FYP\node_modules\metro\src\lib\transformHelpers.js:261:42)n    at dependencies.map.result (C:\New_Mobile\FYP\node_modules\metro\src\DeltaBundler\traverseDependencies.js:399:31)n    at Array.map (<anonymous>)n    at resolveDependencies (C:\New_Mobile\FYP\node_modules\metro\src\DeltaBundler\traverseDependencies.js:396:18)n    at C:\New_Mobile\FYP\node_modules\metro\src\DeltaBundler\traverseDependencies.js:269:33n    at Generator.next (<anonymous>)n    at asyncGeneratorStep (C:\New_Mobile\FYP\node_modules\metro\src\DeltaBundler\traverseDependencies.js:87:24)"}
processBundleResult
BundleDownloader.java:10
access$200
BundleDownloader.java:1
onChunkComplete
BundleDownloader.java:6
emitChunk
MultipartStreamReader.java:9
readAllParts
MultipartStreamReader.java:21
processMultipartResponse
BundleDownloader.java:4
access$100
BundleDownloader.java:1
onResponse
BundleDownloader.java:10
execute
RealCall.java:5
run
NamedRunnable.java:3
runWorker
ThreadPoolExecutor.java:1113
run
ThreadPoolExecutor.java:588
run
Thread.java:818

反应本机图像选择器未安装,请尝试执行此命令

npm install --save react-native-image-picker & react-native

link react-native-image-picker

您可以在此处阅读文档

最新更新