首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

在将Ionic2命令行界面更新为Ionic3后,由于facebook插件导致Cordova构建失败

在将Ionic2命令行界面更新为Ionic3后,由于Facebook插件导致Cordova构建失败的问题,可以通过以下步骤解决:

  1. 确保已安装最新版本的Ionic CLI和Cordova CLI。可以使用以下命令进行更新:
  2. 确保已安装最新版本的Ionic CLI和Cordova CLI。可以使用以下命令进行更新:
  3. 确保已安装最新版本的Node.js和npm。可以从官方网站下载并安装最新版本。
  4. 检查项目的package.json文件,确保已正确安装和配置了Facebook插件。可以使用以下命令安装Facebook插件:
  5. 检查项目的package.json文件,确保已正确安装和配置了Facebook插件。可以使用以下命令安装Facebook插件:
  6. 如果仍然遇到Cordova构建失败的问题,可以尝试以下解决方法:
    • 删除platforms和plugins目录:运行以下命令删除这些目录:
    • 删除platforms和plugins目录:运行以下命令删除这些目录:
    • 清除Cordova缓存:运行以下命令清除Cordova缓存:
    • 清除Cordova缓存:运行以下命令清除Cordova缓存:
    • 更新Cordova插件:运行以下命令更新Cordova插件:
    • 更新Cordova插件:运行以下命令更新Cordova插件:
    • 清除npm缓存并重新安装依赖:运行以下命令清除npm缓存并重新安装依赖:
    • 清除npm缓存并重新安装依赖:运行以下命令清除npm缓存并重新安装依赖:
    • 重新构建项目:运行以下命令重新构建项目:
    • 重新构建项目:运行以下命令重新构建项目:

以上步骤可以帮助解决由于Facebook插件导致Cordova构建失败的问题。如果问题仍然存在,建议查阅Ionic官方文档或在Ionic社区寻求帮助。

页面内容是否对你有帮助?
有帮助
没帮助

相关·内容

【开发指南】(三)认识ionic3

;第二代以React Native代表,业务及虚拟页面通过js实现,然后通过js桥接,使用原生界面渲染,也就是说,它比第一代增强了页面显示的功能,等到第三代了,通过编译时把js桥接部分也省掉,直接生成原生可执行的代码...由于AngularJS 1.x版本性能上已经很难有较大提升,后来微软和google联合推出了全新设计的基于TypeScript的Angular2,这是对于原始版本完全的重写。...或许有人会说,ionic2才接触没多久,结果又升到ionic3了,会不会太快不适应?...typescript 新版的支持 这一次的更新提升typescript应用构建和类型检查的速度并且引入了对mix-in的支持等。...懒加载 Ionic3.0版本开始,支持了延迟加载,我们可以某些模块设置延时加载,只有用户打开相关的页面的时候,这个模块所在的js才会被下载,这样能减少用户初次下载的文件的大小。

2.7K40

【开发指南】(四)Ionic3快速上手并了解这些

,看到以下界面,基本表示你项目创建成功了。...成功运行界面 如果你的是苹果系统,装了xcode,可以敲入以下命令直接在真机或模拟器中运行。...命令的区别,前者是把www目录打包进原生项目,而后者是执行ionic的编译、压缩、混淆等一系列操作再调用cordova打包,即后者包含前者的操作。...如学习typescript,才能习惯用面向对象方式书写js,学习angular2,才能了解mvc框架的优缺点,知道指令、管道、组件、服务等等概念,才能更好的构建你的应用。...插件 混合式应用一个比较大的特点是调用原生,ionic调用原生方式Cordova插件,为了更方便的调用,ionic2及以上封装了ionic-native,使用之前,建议先了解下Cordova的基本知识

3.2K20

Ionic3 Android打包

所谓的Anrdoid打包,就是ionic项目打包成一个可以安装在Android系统上的apk文件,打包的时候,使用的是cordova工具,不过在此之前,需要一些准备工作:配置JDK、Android...:下载 》 配置环境变量 》测试 JDK下载 配置环境变量:JDK_HOME添加到Path 命令行下测试 java javac 配置Android SDK 配置有两种方式,一种是直接下载...可以界面选择需要下载的package image.png 至此,SDK基本上安装完成,接下来就是配置环境变量和下载pacaakge 设置环境变量,按如下配置即可...: 01.png 02.png 配置好之后,cmd命令行运行: android sdk,会弹出那个下载界面,说明安装成功...执行该命令之后,可以应用的根目录看到一个新建的文件夹:platform 这个过程中可能会遇到一些问题,不需要轻言放弃,仔细观察错误信息 打包 同样利用cordova工具进行打包。

85730

Ionic2 坑の补充

写在前面的话: 最近把玩了微信小程序过后,由于对它专属的IDE使用不当,导致退出关闭计算机的时候没有及时清理缓存,造成缓存碎片留藏在硬盘的分页文件内,导致硬盘无法reboot...【注:博主这次使用的是国内镜像】 1、ionic2创建项目的坑: 这是使用ionic start xxx --v2 的时候下载好对应的目录的同时,项目建成的最后,会显示如下的错误提示... 2、ionic2第一次build项目的坑:第一次build项目的时候,会从maven上下载相关的cordova的lib和gradle的lib,这个时候会因为国内的墙的问题...4、关于cordova版本的坑:新的node版本下,cordova已经更新到6.5.0版本,这个时候ionic 项目创建的时候系统会提示: ionic运行时提示.png...版本npm install -g cordova@6.0.0 即可,因为当前最新的ionic组件只能够用6.0.0进行运行时支持(如以后更新,记得需要好好读读ionic支持它的cordova的版本,下载对应的版本就可以了

1.6K20

SNS项目笔记--极光推送

这样的做法首先不说成不成功起码cordova命令运行下,整个项目会随着插件进行文件删改,这样修改包名无疑是最愚蠢与最不负责任的!...目录(博主推荐直接删除目录,因为命令下目录不会完全删除干净,最终在后续添加platform时报错) 1.1.2 项目根目录下的config.xml文件内进行修改,指定widget标签中的id 你所想要的包名...官方命令行.png 是错误的,正确的命令行为:cordova plugin add https://github.com/jpush/jpush-phonegap-plugin.git...这个时候项目中会出现: ? 显示结果.png 3.3.2 github项目文件导入到jpush目录中: ?...发送通知.png 点击发送模拟器上即可显示: ? 显示结果.png 这样我们就完成了整个推送对接的功能。

1.2K30

Ionic3 拍照上传

ionicAPI cordovaAPI 界面预览 项目是基于ionic 提供的 tabs模板创建的,除了添加一个 camera page,camera里面做测试,其它地方基本没有修改过。...环境准备 安装 cordova-plugin-camera 插件插件用于调用设备摄像,cordova-plugin-camera 这是比较新版本的插件,老版本的插件是这个:‘org.apache.cordova.camera...cordova plugin add cordova-plugin-camera npm install --save @ionic-native/camera 安装File插件 File 插件基于HTML5...image.png camera.html,界面布局,这里主要就是三个测试button,分别对应 拍照、上传、下载功能。还有一个 标签,用于拍照的照片显示界面上。...在上面的代码中, 拍照完成的回调的函数中,直接调用了 this.upload() 方法,该方法负责上传文件,所以拍照完成,就会直接图片上传到服务器,同时图片展示界面

1K30

毕业设计So Easy:Java MySQL智能报纸阅读器APP应用

由于该识别过程需要联网,如果发现用户接入互联网会弹出对话框提醒用户进行相关设置。 文字识别完成,程序会自动跳转到朗读的界面。...上述命令行的第一个参数是指创建该工程的文件夹名,如果不存在将会创建该文件夹。第二个参数该项目的包名。第三个参数该项目在手机下显示的名字。...5.3、拍照功能 由于Cordova 3开始采用插件的方式提供核心 API,因此需要通过安装插件的方式进行拓展。...由于插件依赖 jQuery,因此引入其 JavaScript 前需要先引入 jQuery。...是 14 TTS默认引擎检测 安装讯飞语音但未将其设置默认TTS引擎的情况下打开该APP,会有对话框弹出提醒用户去设置,点击“去设置”跳转到设置界面 是 15 浏览新闻列表 首页点击“浏览”跳转到新闻列表界面

50020

指尖前端重构(React)技术分析报告

React-router 是官方推荐的路由管理工具,由于是单页应用区别于原先的html界面间跳转,跳转实质是组件间进行,所以需要有路由管理工具来统一化管理。...解决的原理是css类名在打包编译成哈希字符串,保持其唯一性。...这里涉及到脚手架create-react-app 添加对scss的支持,命令行执行安装,并在package.json的scripts中添加watch-css指令,原css文件改为scss文件,然后最外层添加...比如cordova中某些插件安装export函数或者变量供引入使用,因为一开始是分离的,create-react-app中并找不到这些变量,就造成build的时候产生变量undefined的错误,...React严格地执行组件技术,组件化不仅方便重用,同样可以一个页面清晰地分割几个部分最后放入一个父组件展示,因为jsx技术js和html放在了一起,分割每个部分有自己的功能逻辑与页面展示,这样更加清晰易维护

5.4K30

Ionic3 自动化发布

image02.png 这时候浏览器中输入: localhost:8081/jenkins,会提示你输入密码,命令行中的密码拷贝进去就好了。...输入密码之后,进入到选择安装插件界面,有两种方式,一种是建议安装,一种是自定义安装,直接选择建议安装。然后就是等待安装插件: ?...创建Jenkins任务 进入jenkins首页,点击创建一个新任务。 ? image.png 接下来进入到详细配置界面。...这个时候,我们可以 jenkins 构建的时候 执行这两个命令: npm install 和 ionic cordova platform add android 这样确实可以,但是太慢了,每次执行...首先需要安装插件系统管理→插件管理→可选插件 搜索找到 Email Extension Plugin 安装好,点开要配置的项目配置。 ?

56420

移动开发的跨平台技术演进

3.1 Cordova 说到Cordova,不得不提到他的前身PhoneGap,PhoneGap面向Web开发人员,通过使用HTML、CSS和Javascript构建跨平台App。...5.png Cordova同样使用WebView来展示界面插件Cordova中不可或缺的一部分,Apache Cordova维护了名为Core Plugins的插件,这些核心插件App提供访问设备功能...5.1 React Native Facebook曾在移动端步履维艰,他们认为可以不借助任何原生开发手段来实现Facebook的移动应用,因此早期选择了HTML5,后来发现HTML5的效率始终无法和原生相比...然后JS Bundle部署服务器,当接收到终端(Android、Web端、iOS端)的JS Bundle请求时,JS Bundle下发给终端。...6.2 Flutter Flutter是谷歌的移动UI框架,可以快速Android和iOS上构建高质量的原生用户界面, 它的前身是谷歌试验项目Sky。

3.2K20

搞定混合开发面试,这一篇就够了!

移动互联网的热潮刮起,众多公司前赴后继的进入。但是很快发现移动应用的开发人员太少,所以导致疯狂的人才争夺。...Cordova 这是社区最早出现的轮子,我们统称为 CordovaCordova 主要提供三种能力: 前端代码与原生代码通信的能力; 原生插件机制; 跨平台打包能力。...当然缺点也非常明显,由于前端还处在发展的初期,很多动画体验和原生相差甚远。并且由于只有一个webview导致根本没有转场动画,app难用程度可想而知。...如此一来这个多webview机制,直接解决了专场动画问题,体验可谓上升一个台阶,比较知名的比如: Ionic,不过由于web页面天生的局限,混合应用在 UI 层面很难达到原生界面的细腻程度;界面的载入速度也很容易受到手机运行速度和页面大小的影响...它不会生成原生 UI 组件,而是基于 React,React Native 是一个用于构建基于 Web 的交互界面的 JavaScript 库,因此会有更丰富的 UI 体验效果,同时也能够很好地调用底层框架的

2.5K20

Weex原理之带你去蹲坑

本篇节操满满的安利Weex(˶‾᷄ ⁻̫ ‾᷅˵),不一样的角度推荐你入坑,官网有的我们不拖泥,这里将给你补充官方没有的,深入到蹲坑给你排忧解难,总会给你点惊喜,内容越越干,请紧张的往下看。...library发布到maven (当然你也可以直接源码发布到npm) 配置根目录的package.json然后发布到npm  由此可见,weex可以很方便的提供原生功能的拓展支持,但是由于社群较为薄弱...,导致第三方插件缺失,有(hen)些(duo)时候你可能不得不自己着手,开发原生端的功能支持,这就对于跨平台开发而言,特别前端开发而言,就稍(te)显(bie)不友好了。...[目瞪狗带]   题外话 :说到跨平台开发,也许你听说过cordova这位老大哥,它曾是早期的跨平台开发潮流,cordova提供丰富的原生插件和打包功能:通过webview把前端页面打包成一个App,通过插件提供前端需要的原生接口...数据都存在Vuex的store中,你操作store更新数据,然后store绑定到界面。它的用处在于可以多个vue组件间,方便的同步数据,更新界面

1.3K30

Weex原理之带你去蹲坑

本篇节操满满的安利Weex(˶‾᷄ ⁻̫ ‾᷅˵),不一样的角度推荐你入坑,官网有的我们不拖泥,这里将给你补充官方没有的,深入到蹲坑给你排忧解难,总会给你点惊喜,内容越越干,请紧张的往下看。...library发布到maven (当然你也可以直接源码发布到npm) 配置根目录的package.json然后发布到npm  由此可见,weex可以很方便的提供原生功能的拓展支持,但是由于社群较为薄弱...,导致第三方插件缺失,有(hen)些(duo)时候你可能不得不自己着手,开发原生端的功能支持,这就对于跨平台开发而言,特别前端开发而言,就稍(te)显(bie)不友好了。...目瞪狗带 题外话 :说到跨平台开发,也许你听说过cordova这位老大哥,它曾是早期的跨平台开发潮流,cordova提供丰富的原生插件和打包功能:通过webview把前端页面打包成一个App,通过插件提供前端需要的原生接口...数据都存在Vuex的store中,你操作store更新数据,然后store绑定到界面。它的用处在于可以多个vue组件间,方便的同步数据,更新界面

1.3K20

【Hybird】274-Hybird App 应用开发中 5 个必备知识点复习

更新最为快速; 由于web app资源是直接部署服务器端的,所以只需替换服务器端文件,用户访问是就已经更新了(当然需要解决一些缓存问题)。...临时性入口,用户留存率低; 这既是它的优点,也是缺点,优点是无需安装,确定是用完后有时候很难再找到,或者说很难专门某个web app留存一个入口,导致用户很难再次使用。...分发成本高,更新缓慢,特别是发布应用商店,需要等到审核周期; 原生应用更新是一个很大的问题, Android中还能直接下载整包APK进行更新,但是 iOS中,如果是发布 AppStore ,必须通过...Cordova Plugins 插件Cordova 生态系统的重要组成部分。...gap_exec 的话,则认为是 Cordova 通信的请求,直接拦截,拦截就可以通过分析请求的数据,分发到不同的插件类(CDVPlugin 类的子类)的方法中: Cordova 中优先使用这种方式,

1.3K30

Hybrid App 应用开发中 5 个必备知识点复习

更新最为快速; 由于web app资源是直接部署服务器端的,所以只需替换服务器端文件,用户访问是就已经更新了(当然需要解决一些缓存问题)。...临时性入口,用户留存率低; 这既是它的优点,也是缺点,优点是无需安装,确定是用完后有时候很难再找到,或者说很难专门某个web app留存一个入口,导致用户很难再次使用。...WebView Cordova 用的 WebView 可以给应用提供完整用户访问界面,使得应用混合了 Webview 和原生的应用组件。...Cordova Plugins 插件Cordova 生态系统的重要组成部分。...gap_exec 的话,则认为是 Cordova 通信的请求,直接拦截,拦截就可以通过分析请求的数据,分发到不同的插件类(CDVPlugin 类的子类)的方法中: [iOS] Cordova 中优先使用这种方式

2.2K00

构建具有用户身份认证的 Ionic 应用

演示如何使用 OIDC 重定向、Okta 的 Auth SDK 以及基于 Cordova 内嵌浏览器的 OAuth 进行登录; 由于功能还在开发中,所以省略了用户注册。 为什么使用 Ionic?...创建一个 Ionic 应用 terminal 窗口中,使用以下命令创建一个新的应用程序: ionic start ionic-auth 命令行会提示选择一个 starter 项目并且可以选择是否应用连接到...如果没有, LoginPage 设置 rootPage。...确保打开 Xcode 完成安装 ,然后运行 ionic cordova emulate ios 模拟器中打开应用。 可能会提示你安装 @ionic/cli-plugin-cordova 插件。...安装过程中,它会提示你 Android SDK 安装到哪里。这个路径设置 ANDROID_HOME 的环境变量。

23.8K00

构建具有用户身份认证的 Ionic 应用

演示如何使用 OIDC 重定向、Okta 的 Auth SDK 以及基于 Cordova 内嵌浏览器的 OAuth 进行登录; 由于功能还在开发中,所以省略了用户注册。 为什么使用 Ionic?...创建一个 Ionic 应用 terminal 窗口中,使用以下命令创建一个新的应用程序: ionic start ionic-auth 命令行会提示选择一个 starter 项目并且可以选择是否应用连接到...如果没有, LoginPage 设置 rootPage。...确保打开 Xcode 完成安装 ,然后运行 ionic cordova emulate ios 模拟器中打开应用。 可能会提示你安装 @ionic/cli-plugin-cordova 插件。...安装过程中,它会提示你 Android SDK 安装到哪里。这个路径设置 ANDROID_HOME 的环境变量。

23.2K50

cordova开发环境搭建

最近我尝试了解跨平台技术的发展,首先则是想到了cordova。本文简单记录下cordova环境搭建的过程。...安装cordova 首先是要npm全局安装cordova npm install -g cordova 创建应用 安装的cordova类似于create-react-app这种脚手架,可以通过命令行直接创建应用...再次尝试,已经可以看到界面了。 ? cordova app界面 Plugins 我们来试试调用一些原生API,比如调用原生Dialog, 调用相机等。我们先试下Dialog。...Dialog 首先需要插件cordova plugin add cordova-plugin-dialogs 接着我们deviceready事件之后调用Dialog document.addEventListener...cordova_dialog Camera 接着我们试下调用相机,首先也是安装插件cordova plugin add cordova-plugin-camera 尝试调用相机拍照,并将得到的照片通过

1.5K30
领券