我正在尝试将图像选择器库实现到我的 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-nativelink react-native-image-picker
您可以在此处阅读文档