ionic4打包时遇到的种种问题

ionic4如何打包成Andriod平台下的apk文件 目录(大致分为6个步骤) 1.搭建环境 2.安装AndroidStudio 3.构建安卓平台 4.构建项目 5.解决cordova问题 6.安装生成的apk文件 7.注意事项 前言 发布需要用到的AndroidSdk和Gradle的确存在版本匹配的问题,但是执行下面的步骤程序会自适应版本 1.搭建环境 1.1安装nodejs。 1.2安装npm/... 阅读详情

接触ionic的项目好几个月了,但是在打包时还会遇到各种莫名其妙的错误,今天起决定把遇到的错误都好好记录一下。

Something went wrong installing the “sharp” module

报错截图(在我执行ionic cordova platform add ios命令后报错):
在这里插入图片描述
大概意思是我的sharp版本不对,百度了一通后终于找到执行以下命令可以正确安装上
在这里插入图片描述
然后终于可以成功添加ios平台了
在这里插入图片描述

期间遇到的坑:
遇到报错
info sharp Using cached /Users/xmm/.npm/_libvips/libvips-8.8.1-darwin-x64.tar.gz
ERR! sharp Please delete /Users/xmm/.npm/_libvips/libvips-8.8.1-darwin-x64.tar.gz as it is not a valid tarball
ERR! sharp zlib: unexpected end of file
info sharp Attempting to build from source via node-gyp but this may fail due to the above error
info sharp Please see https://sharp.pixelplumbing.com/page/install for required dependencies
TOUCH Release/obj.target/libvips-cpp.stamp
CXX(target) Release/obj.target/sharp/src/common.o
…/src/common.cc:25:10: fatal error: ‘vips/vips8’ file not found
#include <vips/vips8>
^~~~~~~~~~~~
1 error generated.
make: *** [Release/obj.target/sharp/src/common.o] Error 1
gyp ERR! build error
gyp ERR! stack Error: make failed with exit code: 2
gyp ERR! stack at ChildProcess.onExit (/usr/local/lib/node_modules/npm/node_modules/node-gyp/lib/build.js:194:23)
gyp ERR! stack at ChildProcess.emit (events.js:210:5)
gyp ERR! stack at Process.ChildProcess._handle.onexit (internal/child_process.js:272:12)
gyp ERR! System Darwin 19.0.0
gyp ERR! command “/usr/local/bin/node” “/usr/local/lib/node_modules/npm/node_modules/node-gyp/bin/node-gyp.js” “rebuild”
gyp ERR! cwd /Users/xmm/node_modules/sharp
gyp ERR! node -v v12.13.1
gyp ERR! node-gyp -v v5.0.5
gyp ERR! not ok
npm WARN enoent ENOENT: no such file or directory, open ‘/Users/xmm/package.json’
npm WARN xmm No description
npm WARN xmm No repository field.
npm WARN xmm No README data
npm WARN xmm No license field.

npm ERR! code ELIFECYCLE
npm ERR! errno 1
npm ERR! sharp@0.23.3 install: (node install/libvips && node install/dll-copy && prebuild-install) || (node-gyp rebuild && node install/dll-copy)
npm ERR! Exit status 1
npm ERR!
npm ERR! Failed at the sharp@0.23.3 install script.
npm ERR! This is probably not a problem with npm. There is likely additional logging output above.

npm ERR! A complete log of this run can be found in:
npm ERR! /Users/xmm/.npm/_logs/2019-12-03T10_52_58_570Z-debug.log
在这里插入图片描述

这个错误把应该是libvips-8.8.1-darwin-x64.tar.gz没下载好,删掉就好了

Ionic4—项目创建、命令行编译打包 目录 一、概述 二、生成Ionic工程目录 三、启动项目 四、编译打包 一、概述 Ionic项目主要通过Ionic命令行工具CLI来创建和开发,并使用Cordova来构建和部署为原生应用程序。 二、生成Ionic工程目录 下载Ionic框架源码时,若出现依赖包下载失败的情况,可以尝试以管理员身份运行命令行窗口,确保npm依赖包的位置和node缓存的位置不在C盘,否则会报权限问题。公... 阅读详情

相关推荐

ionic打包ios流程总结

1.删除旧平台(打出ipa包,上传到应用商店或者蒲公英的时候需要此步骤) cordova platform rm ios 2.增加平台 cordova platform add ios 3.build:test (注意修改 node_env) "build:test":"exportNODE_ENV=test&&node--max-old-space-size=8192./node_modules/@ionic/app-scripts/bin/ionic-app-s...

李苗苗的博客 2578

解决sharp太慢、失败Could not load strapi-server.js, pmSomething went wrong installing the “sharp“ module

项目安装sharp由于网络原因或者其他原因安装失败,也是我这次部署遇到的情况。欢迎大家指出文章需要改正之处~

tangdou369098655的博客 2429

Ionic4—http代理解决本地开发时跨域问题

目录 一、概述 二、设置正向代理 三、代理请求 一、概述 什么是跨域 跨域,即跨站http请求,是指发起请求的域和请求指向的资源所在域不同。跨域问题是浏览器对JS同源策略的限制。开发Ionic4项目时,如果测试环境中后台的Response设置了Access-Control-Allow-Origin:*,则不存在跨域问题,但切换到正式环境后,由于正式环境对安全控制较为严格,不可避免的...

雷雨天的雷胖子 1210

解决执行 cordova res命令时报 Cannot find module ‘../build/Release/sharp.node‘

D:\project\app_jianshang>ionic cordova resources android > cordova-res.cmd android [cordova-res] C:\Users\Administrator\AppData\Roaming\npm\node_modules\cordova-res\node_modules\sharp\lib\constructor.js:34 [cordova-res] throw new Error(error); [co.

u012381782的博客 3013

ionic4 在浏览器中可以向后台发送请求,但是在打包到真机中,请求失败

在ionic4 学习当中,正常学习 http 。自己写了一个后台服务,在浏览器中可以正常请求, 一打包到真机中, 我擦,出现 这是什么鬼 !!! 开始思考,前端问题,后端问题。 在浏览器中 通过url可以直接访问,返回。在浏览器中,运行项目也可以请求到。感觉不像前端也不像后端,挠头。 在咨询过资深人员后 得出结论。android 9 对请求要https 划重点 解决办法: ...

rolling_deep的博客 3121

Ionic + Vue3 + Capacitor 配置环境、打包应用常见问题

Ionic + Vue3 + Capacitor 配置环境、打包应用常见问题

Lyrelion的博客 2282

Something went wrong installing the 'sharp' module

https://github.com/lovell/sharp/issues/1696

W1053288979的专栏 4929

Ionic 4 真机热调试:Ionic DevApp 零构建真 Cordova 运行时实践

混合应用开发中,WebView 容器与原生桥接环境的一致性是调试效能的核心瓶颈。Ionic DevApp 基于标准 Web Components 架构,通过预置 Cordova 运行时与设备原生 WebView(iOS WKWebView / Android System WebView),实现业务代码零编译、实时加载与插件全兼容。其技术价值在于将前端热重载体验无缝延伸至真机环境,支撑 UI 适配验证、插件行为调试、平台特性判断等高频工程场景。尤其在 Ionic 4 全面拥抱 Web Standards 的

weixin_34116110的博客 426

ionic cordova resources 命令报错

ionic cordova resources 命令报错 Something went wrong installing the “sharp” module [cordova-res] [cordova-res] Cannot find module ‘…/build/Release/sharp.node’ [cordova-res] [cordova-res] - Remove the “n...

繁华是瑾的博客 4588

ionic3 打包真机启动白屏问题修复方法

ionic3 打包真机启动白屏问题修复方法,文档中详细讲述如何修复白屏完美解决

Adaboost入门教程——最通俗易懂的原理介绍(图文实例)

Adaboost入门教程——最通俗易懂的原理介绍(图文实例)

Max的杂物仓 11万+

IONIC3 打包安卓apk详细过程(大量图文)

本文写于2018年2月12日 22:25:59。 如果2018年的新春之际,你遇到IONIC的开发问题,这将是一篇最为详尽的打包方案。 经历三天的踩坑,跳坑,相信绝大多数的问题都已经覆盖到了,请仔细按照流程来对照操作及检查。 1.基本依赖环境 nodejs环境 (作为一个前端相信你已经有了) 最好提前配置好node的环境变量,便于全局访问。 jdk(下面细说) SDK(下面...

Tycho‘s Blog 5万+

利用Solidworks2020将挖掘机装配体转换为URDF模型

利用Solidworks2020将挖掘机装配体转换为URDF模型一、下载sw_urdf_exporter插件 URDF(Universal Robot Description Format)——通用机器人描述格式,它是ROS里边使用的一种机器人的描述文件,包含的内容有:连杆、关节,运动学和动力学参数、可视化模型、碰撞检测模型等。 一、下载sw_urdf_exporter插件 ROS提供了SolidWorks转URDF的插件(下载链接)—sw2urdfSetup.exe,下载后点击安装,安装完成后就能在sol

weixin_48192326的博客 6103

ionic4 android打包

打包命令 ionic cordova build android 错误1: Could not find an installed version of Gradle either in Android Studio, or on your system to install the gradle wrapper. Please include gradle in your pat...

不打代码的程序员 2042

【车辆仿真】从0开始建立dSPACE RT Simulink工程:CAN通信(RTICANMM方法)

【工程环境信息】:本文基于链接文章搭建SCALEXIO Rack RTPC总线节点,用于与AutoBox通信硬件:上位机:惠普台式PC(Windows 11专业版)下位机(实时机):AutoBox (DS1006)板卡:DS6342软件:本文所使用的DBC链接提示:以下是本篇文章正文内容,下面案例可供参考!!!的部分一定记得配置,其他的按需配置RTICANMM的灵活度非常高,尽可能参考Help文档,理解相应的配置内容官方有RTICANMM的样例工程,在下方路径。

winnizap的博客 2381

Ionic4 项目打包Android App步骤

安装 Nodejs 安装 JDK 安装 AndroidStudio 安装 cordova 、Ionic 创建 ionic 项目 把 cordovaandroid 平台添加到 ionic 项目中 Ionic 项目导入 Androidstudio 运行调试、打包

yw00yw的博客 2904

S32K144 SDK实战:FTM输入捕获模块的配置与应用

本文详细介绍了S32K144 SDK中FTM输入捕获模块的配置与应用实践。从基础认知到开发环境搭建,再到引脚配置和中断处理技巧,全面解析了如何利用FTM模块实现高精度信号测量。特别适用于电机控制、工业测速等场景,帮助开发者快速掌握S32K144的FTM输入捕获功能。

weixin_42566424的博客 217

Ionic4学习笔记之从创建到打包

Ionic4学习笔记Ionic4项目从创建到打包开发环境开发工具项目创建项目启动添加Android平台打包成APKAPK签名完成 Ionic4项目从创建到打包 记录Ionic4项目从创建到打包的一系列步骤。 开发环境 以windows10例: Nodejs v10.13.0; Npm 6.4.1; Ionic 4.3.1; npm install ionic -g Cordova; n...

u010055330的博客 5185

20、七鳃鳗繁殖与早期生活史:从水质到养殖的全面解析

本文全面解析了七鳃鳗的繁殖与早期生活史,重点探讨了水质对幼体生存的影响、养殖密度与生长关系、变态过程的时间与大小特征,以及人工繁殖在濒危物种恢复和入侵物种控制中的应用。同时,文章分析了大规模养殖面临的挖掘基质需求、空间限制、清洁管理、疾病防控及微生物环境等挑战,并强调实验室养殖对科学研究和种群管理的重要意义。随着技术进步,未来有望扩展更多物种的繁殖研究,揭示七鳃鳗生物学的进化奥秘,实现资源的可持续利用。

l6m7n8的博客 116

将Keil中的变量数组导出

首先,写好导出数据的函数。

小柚子的博客 1952

ionic打包

番茄手机端 被分到一个关于的界面,所以很快做完 ,又不太会 和人沟通,所以一直不敢问大家web-api的交互,看到大家交流的很好,自己心里酸酸的。 自己在那里一个人憋着研究angular了,自己尝试学习交互,有不懂的在去问大兵! 想在自己的界面加一个高德地图链接,这样就可以直接定位到我们的开发位置。 高德开发平台 : https://lbs.amap.com/ 创建应用程序: https://lb...

follow your heart 818

第8讲:基于CST PCB Studio的电源完整性仿真(IR Drop + PDN)

本文系统介绍了电源完整性(PI)仿真的两大核心模块:直流IRDrop仿真与交流PDN阻抗仿真。文章详细阐述了两种仿真的原理、算法(PEEC和3DFE-FD)及完整操作流程,包括参数配置、软件实操步骤和常见问题解决方案。IRDrop仿真用于分析直流供电压降问题,PDN仿真则针对高频电源噪声和谐振问题。文中还提供了优化建议和故障排查方法,如调整铜箔厚度、优化电容布局等,为高速数字系统的电源完整性设计提供了全面的技术指导。(149字)

一只豌豆象的博客 239

Ionic 创建打包项目

Ionic 创建项目 Ionic简介 Ionic是一个开源的移动应用程序开发框架,它可以轻松地使用web技术构建高质量的跨平台的移动应用。可以让我们快速开发移动App、移动端WEB页面、微信公众平台应用,混合app web页面。 Ionic4目前已经发布了基于Angular的正式版本,对 React 和 Vue 的支持尚处于 alpha 状态,未来我们可以用自己喜欢的语言结合Ionic来开发移动端...

“跟他人学,和自己比” 791

汉书HE8,好用的汇编代码编写工具

汉书HE8,好用的汇编代码编写工具早期编写汇编代码所用功能强大

android 蓝牙通讯demo

android 下蓝牙通讯demo,实现了发现蓝牙,使能蓝牙,通过蓝牙发送消息。

Ionic4 IOS 打包调试(干货总结)

1.vscode打开项目文件 # ionic serve 时报错,IOS上浏览器环境Cordova不能识别,编译报错。需要全局声明cordova: declare var cordova:any 2.添加IOS平台 分别执行cordova platform rm ios, cordova platform add ios # 如果报错“当前项目不上一个cordova基准项目,则是之前没有ionic build ,需要先执行 ionic build #执行完ionic build后,再执行c...

dengjiecsdn的博客 623

RU DOS版、EFI版32bit/64bit BIOS常用工具

DOS版、EFI版的RU工具,可用来查看IO、MEM、PCI、SMBIOS等资源。亲测在EFI SHELL下可用。

ionic android 打包

ionic3 android 打包安装 java jdk安装android sdk安装 gradle 这里安装 4.8版本安装经验打包命令node-sass 安装资源地址 安装 java jdk 2020-01-21 目前暂不支持jdk10版本 楼主目前再用8u171版本 安装android sdk 这里我们通过安装installer_r24.4.1-windows 来实现 androi...

黄正梦的博客 497

lwip-2.0.3

lwip是瑞典计算机科学院(SICS)的Adam Dunkels 开发的一个小型开源的TCP/IP协议栈。实现的重点是在保持TCP协议主要功能的基础上减少对RAM 的占用。

上一篇: 记录使用iview、iview-admin遇到的那些坑
下一篇: ionic4 禁止启动页 splashscreen
zebraMeat
博客等级 码龄9年 3粉丝 16原创
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付:10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值