`

react-native-error

 
阅读更多
1.

error: bundling failed: Error: Unable to resolve module `@babel/runtime/helpers/interopRequireDefault` from `/Users/chrisedgington/Development/ReactNative/SixNationsPredictor/index.js`: Module `@babel/runtime/helpers/interopRequireDefault` does not exist in the Haste module map

This might be related to https://github.com/facebook/react-native/issues/4968
To resolve try the following:
  1. Clear watchman watches: `watchman watch-del-all`.
  2. Delete the `node_modules` folder: `rm -rf node_modules && npm install`.
  3. Reset Metro Bundler cache: `rm -rf /tmp/metro-bundler-cache-*` or `npm start -- --reset-cache`.
  4. Remove haste cache: `rm -rf /tmp/haste-map-react-native-packager-*`.
    at ModuleResolver.resolveDependency (/Users/chrisedgington/Development/ReactNative/MyApp/node_modules/metro/src/node-haste/DependencyGraph/ModuleResolution.js:209:1301)
    at ResolutionRequest.resolveDependency (/Users/chrisedgington/Development/ReactNative/MyApp/node_modules/metro/src/node-haste/DependencyGraph/ResolutionRequest.js:83:16)
    at DependencyGraph.resolveDependency (/Users/chrisedgington/Development/ReactNative/MyApp/node_modules/metro/src/node-haste/DependencyGraph.js:238:485)
    at Object.resolve (/Users/chrisedgington/Development/ReactNative/MyApp/node_modules/metro/src/lib/transformHelpers.js:180:25)
    at dependencies.map.result (/Users/chrisedgington/Development/ReactNative/MyApp/node_modules/metro/src/DeltaBundler/traverseDependencies.js:311:29)
    at Array.map (<anonymous>)
    at resolveDependencies (/Users/chrisedgington/Development/ReactNative/MyApp/node_modules/metro/src/DeltaBundler/traverseDependencies.js:307:16)
    at /Users/chrisedgington/Development/ReactNative/MyApp/node_modules/metro/src/DeltaBundler/traverseDependencies.js:164:33
    at Generator.next (<anonymous>)
    at step (/Users/chrisedgington/Development/ReactNative/MyApp/node_modules/metro/src/DeltaBundler/traverseDependencies.js:266:307)


===================》》》》
Have a go and try:

npm add @babel/runtime

Or upgrade babel runtime:

"@babel/runtime": "7.0.0-beta.55"


2.react native中的CameraRoll使用时,TypeError: Cannot read property 'getPhotos' of undefined错误

==================>>>>>>>>>

在xcode中手动导入RCTCameraRoll.xcodeproj

右键“Library”,选择“Add ....”   RCTCameraRoll.xcodeproj的路径为

"/Users/xxxx/demo/node_modules/react-native/Libraries/CameraRoll"

然后,选中项目,不是选中当前库,在Link Binary With Libraries 菜单中加入libRCTVideo.a到工程中,直接拖过去。

继续运行就可以了


3. react-native-fs出现bugCannot read property 'RNFSFileTypeRegular' of undefined

这个有可能是代码没有同步造成的,具体原因不详,但是解决方案已经找到。关掉APP,重新运行一下就OK了。

4.No bundle URL present. Make sure you’re running a packager server or have included a .jsbundle file in your application bundle.

==================>
删除ios/build路径,然后重新react-native run-ios

没有用,接着第二种办法:

删除node_modules,然后重新react-native run-ios
分享到:
评论

相关推荐

    react-native-image-picker 的使用方法demo

    React Native 是一个强大的框架,它允许开发者使用JavaScript和React语法构建原生移动应用程序。`react-native-image-picker` 是一个流行的React Native库,用于在iOS和Android应用中集成图像选择功能,包括从相册...

    解决React-Native的WebView不支持Android选择图片和拍照

    然而,由于React Native的WebView组件与原生Android系统的交互限制,有时会出现无法从Android设备的相册或相机选择图片并上传的问题。这个问题可能会导致用户体验下降,因为用户无法充分利用手机的功能。本文将深入...

    react-native-sms, 支持iOS和Android的短信发送方.zip

    react-native-sms, 支持iOS和Android的短信发送方 react-native-sms用户定义的SendSMS使用这个 rn 组件发送带有回调 (completed/cancelled/error). iOS和Android的短信。目前,只支持用户发送短信。 this react-na

    react-native-barcodescanner简单应用

    React Native Barcodescanner是一个用于在React Native应用中实现条形码和二维码扫描功能的库。这个库使得原生的扫描功能能够无缝集成到JavaScript环境中,从而为移动应用开发提供了便利。下面我们将深入探讨如何...

    react-native-error-boundary:一个简单可重用的 React-Native 错误边界组件 :bug:

    yarn add react-native-error-boundary 用法 该组件在其子组件树中的任何位置捕获。 不处理本机错误。 使用这个组件非常简单。 首先,您必须导入ErrorBoundary组件。 然后,您必须将其包裹在任何可能引发错误的组件...

    react-native-video,一.zip

    - **事件监听**:`react-native-video`提供了丰富的事件监听,如`onLoad`, `onProgress`, `onError`等,帮助开发者处理视频加载、播放状态和错误情况。 - **自定义控件**:若需要自定义播放器的外观和行为,可以...

    swift-一个提供apptouchID的小型react-native插件

    这个名为"swift-一个提供apptouchID的小型react-native插件"的项目,结合了Swift和React Native的优势,为React Native应用引入了Touch ID功能。 Touch ID是苹果设备上的生物识别技术,用户可以通过指纹识别快速...

    Android代码-一个react-native写的github客户端

    Yet another Github client written in react-native. Includes ? Feed like web github home. Watched repos' notification. Trends. Personal. How to run iOS rm -rf node_modules npm install if error about...

    reactnative调用第三方地图插件进行导航兼容android和ios

    在React Native应用开发中,有时候我们需要集成第三方地图服务来实现导航功能,比如为用户提供到特定地点的路线指引。本文将详细介绍如何使用`react-native-map-linking`库在Android和iOS平台上调用高德地图、百度...

    react-native-keychain-master.zip_React_handd55_keychain_react-na

    8. **集成**:将`react-native-keychain`添加到项目中,需要通过`npm install react-native-keychain`安装,然后执行`react-native link react-native-keychain`进行链接,或者使用自动链接功能(取决于你的React ...

    react-native-image-rotate

    React本机图像旋转该项目支持本机&gt; = 0.40.0 该模块旨在与react-native的一起使用,以创建功能齐全的裁剪工具安装首先通过npm安装软件包$ npm install react-native-image-rotate 然后使用链接本机库$ react-native ...

    基于reactnativewechat实现的微信登录

    `react-native-wechat`提供了一套事件监听机制,例如`onResp`和`onError`,你可以在这里处理登录成功或失败的情况。 7. **权限请求**:为了获得微信登录权限,你需要在微信开放平台为你的应用设置相应的权限。通常...

    react-native-get-random-values:React Native的getRandomValues的一个小实现

    React Native的crypto.getRandomValues React Native的crypto.getRandomValues一个小实现。 这对于为依赖它的库进行polyfill很有用。安装npm install --save react-native-get-random-valuesnpx pod-install :light_...

    react-native-video.zip

    React Native Video提供了`error`事件来捕获和处理这些问题。 总之,“react-native-video.zip”中的“react-native-video-master”源代码库是React Native开发者实现视频播放功能的重要资源。通过深入学习和实践,...

    ReactNative中调用相机相册

    在React Native应用开发中,与用户交互是必不可少的,其中包括访问设备的相机和相册功能。React Native提供了各种库来简化这些原生操作,其中`react-native-image-picker`是一个常用的库,它允许开发者轻松地调用...

    react-native-error-reporter:为了方便您的客户报告您的崩溃问题。 支持(实验性)生产版本! 上报crash后,默认的Crash红屏在生产模式下会出现crash

    安装你可以通过npm安装这个组件: npm i react-native-error-reporter --savernpm link用法在您的应用程序标头(例如app.js或index.ios.js / index.android.js)中引导它...var ErrorReporter = require ( 'react-...

    React-Native与原生的模块桥接

    React-Native是一个由Facebook开发的框架,它允许开发者使用JavaScript编写原生移动应用程序。这个框架的核心理念是“Learn once, write anywhere”,也就是说,开发者可以用一套代码库来开发iOS和Android应用,大大...

    react-native-fs实现文件下载、文本存储的示例代码

    《React Native中的文件操作:react-native-fs的实践指南》 React Native作为一款跨平台的移动应用开发框架,为开发者提供了丰富的原生功能接口。在处理文件系统操作时,react-native-fs是一个不可或缺的库,它允许...

    Android-react-native支付宝手机支付模块

    在移动应用开发领域,React Native 是一个非常流行的框架,它允许开发者使用JavaScript来构建原生的iOS和Android应用程序。在Android应用中集成支付宝支付功能,是很多开发者在处理电子商务或服务付费场景时需要解决...

    react-native-camera-roll-picker::camera:一个React Native组件,可从相机胶卷中选择图像

    React本机相机胶辊适用于React本机的CameraRoll Picker组件 需要react-native &gt;=0.43.0添加到项目通过npm安装组件$ npm install react-native-camera-roll-picker --save从@ react-native-community安装CameraRoll $...

Global site tag (gtag.js) - Google Analytics