uniapp常用打包记录【h5、app、wx小程序】

article/2025/9/24 19:53:12

h5打包

打包前配置

开始打包

打包成功

h5打包之后,如果用的unicloud开发,可以直接上传到“前端网页托管”,然后系统会有个默认域名,我们就可以实现公网访问了


h5的调试工具“vConsole”

参考: (160条消息) vue3 移动端调试工具vconsole和eruda 及其两种使用方式_vconsole包_Arrow.Light的博客-CSDN博客
//附上代码
<script src="https://cdn.jsdelivr.net/npm/eruda"></script>
<script>eruda.init();</script>

app打包

详情文章可参考:
(158条消息) 【uniapp小程序】—— APP项目云打包(安卓)_uniapp打包_不苒的博客-CSDN博客
http://t.csdn.cn/cWVqY

打包前配置

打包;我用的unicloud开发,所以选的是云打包


这表示人太多,等待下就好了


打包成功

下载到手机 运行app


问题:uni-app打包安卓时,打包完只显示底部导航栏,页面内容是空白的

解决:开启基座调试,查看问题

如何开启基座调试: (161条消息) 自定义制作安卓app基座_阿晨学前端的博客-CSDN博客

调试发现控制台报:Uncaught ReferenceError: Cannot access 'trees' before initialization

于是我就在uniapp中搜索“trees”,反正是uview中定义的UI组件,删除ui组件后,重启基座,然后就运行成功了


wx打包

打包前配置

点击打包

上传成功


遇到的问题: http://127.0.0.1:7001 不在以下 request 合法域名列表中 || request 合法域名校验出错 || 连接本地调试服务失败,请检查客户端是否和主机在同一局域网下

解决:

首页看官方

可以得知,如果我们当时HBuild中选的是运行,然后在微信中在点击上传,那么项目第一次会默认请求本地服务,所有就会报上面的错了。请务必在HBuilderX内使用发行菜单。

ReferenceError: _t40 is not defined || ReferenceError: _s30 is not defined

将es6转为es5取消掉即可



http://chatgpt.dhexx.cn/article/SGfKbLvS.shtml

相关文章

H5加壳APP发布Android、IOS应用(证书响应文件制作)

主要步骤&#xff1a; 1.申请一个苹果账号 2.申请ios测试证书&#xff08;p12&#xff09; 3.申请ios描述文件&#xff08;mobileprovision&#xff09; 4.打包ipa 5.安装ipa 一、申请苹果账号 也可以用我注册好的苹果账号体验下&#xff0c;新注册个也简单&#xff0c;…

H5页面的部分IOS兼容处理

IOS兼容处理 环境&#xff1a;uni-app开发H5项目&#xff0c;H5项目链接webview嵌入app中 popup弹窗显示层级问题 问题&#xff1a;遮罩层遮挡位置不正确有白边&#xff0c;提交按钮应该在最底部却显示在popup上面 解决&#xff1a;将popup组件放到外层组件中&#xff0c;避免…

html app启动页制作,【示例】App引导页的制作

注意:本文为5+App的引导页制作方法,uni-app另行制作,推荐使用nvue制作,也可以参考插件市场已经封装的插件https://ext.dcloud.net.cn/plugin?id=192 启动页和引导页 首先澄清一下“启动界面”(splash)和“引导页”(guide)的概念,因为许多刚接触App开发的朋友会搞不清楚这…

H5+app -- 自动更新

一、最近做了一个app自动更新功能&#xff0c;用的基本都是网上找得到的。 1、h5 规范 &#xff1a; http://www.html5plus.org/doc/zh_cn/maps.html 2、环形进度条插件&#xff1a;http://www.jq22.com/jquery-info4495&#xff08;不知道什么原因&#xff0c;下载的时候&…

html5页面和app的区别,H5页面与APP区别何在

APP相信大家都非常熟悉&#xff0c;就是手机里经常安装的软件程序&#xff0c;它都需要经过下载安装的步骤才能打开产品进行操作。不过H5页面和APP却有比较大的区别&#xff0c;它不需要经过下载安装&#xff0c;直接能够在浏览器和微信等社交平台中打开操作。 APP的制作一般都…

uni-app消息推送功能实现

1&#xff0c;首先可以简单的看一下HTML5 API文档了解一下对应的方法 HTML5API&#xff1a;https://www.html5plus.org/doc/zh_cn/push.html#plus.push.MessageOptions 2&#xff0c;先在manifest.json勾选一下Push推送 3&#xff0c; 需要配置一下并传给后端 4&#xff0c;可…

H5+app 安卓原生插件开发

目录 1、参考文档 2、离线打包操作步骤 1、下载SDK 2.打开android studio导入项目 3.修改相关参数 1.修改AndroidManifest.xml文件 2.修改dcloud_control.xml文件 3.修改strings.xml 4.修改build.gradle 4.运行 3原生拓展 1.java原生代码编写 2.配置文件 1.修改dcl…

html5怎么制作app页面,玩转HTML5移动APP页面(动效篇)

作为一名前端&#xff0c;在拿到设计稿时你有两种选择&#xff1a; 加上高级大气上档次狂拽炫酷屌炸天的动画让页面动起来 作为一个有志向的前端&#xff0c;当然是选2啦&#xff01;可是需求时间又很短很短&#xff0c;怎么办呢&#xff1f; 这次就来谈谈一些动画设计的小技巧…

h5+hbuilder 制作手机app

Hbuilderx 下载地址 https://www.dcloud.io/hbuilderx.html 1.依次点击左上角 文件→ 新建→ 项目&#xff0c;会出现下面的界面。 2. index.html &#xff08;当然&#xff0c;引入的jq.js需要放到项目中&#xff09; <!DOCTYPE html> <html> <head><me…

Verilog带参数的`define用法

宏除了可以进行简单的文本替换,还可以像函数和任务一样传递指定多个参数分别对文本进行对应的替换. 示例1&#xff1a; define Disp(pa,pb,pc) \initial \begin \#1200; \$display("%d \n",(papbpc)); \$display(" data_ pa data_ pb data_ pc %d",(…

C语言中define的用法

define顾名思义&#xff0c;就是下定义&#xff0c;那么在C中它也发挥着下定义的作用。 1.提前定义变量 #include<stdio.h> #define N 100 int main() {int a10;printf("%d",Na);return 0; } 这个过程中N是100。 这个意思是提前定义N100&#xff0c;且这个…

C语言define高级用法大全

今天在看代码时&#xff0c;突然发现很多define的用法看不懂&#xff0c;故在此总结一下&#xff0c;顺便吐槽一下&#xff0c;C语言的宏复杂起来真的很难看懂。 不信的去看下这个的源码&#xff1a;【C语言开源库】lw_oopc&#xff1a;轻量级的C语言面向对象编程框架 一、宏…

Oracle基础之define用法简介教程

继上一篇博客Oracle绑定变量学习笔记&#xff0c;再写一篇define变量的简单教程 文章目录 1、define常量用法2、&和&&符号用法 1、define常量用法 注意&#xff1a;define常被误解为定义变量&#xff0c;其实不然&#xff0c;define定义的是字符常量&#xff0c;d…

#define的使用

目录 前言 1. #define定义标识符 2. #define定义宏 3. #define 替换规则 4. 宏和函数对比 前言 在很多C程序中&#xff0c;我们会在一个源文件的开头看到 #define 的字眼&#xff0c;和define的英文解释相同——可以理解为给xxx下定义&#xff0c;这里可以是标识符甚至是…

#define 的使用

#define 多数情况下我们是用来定义宏的&#xff0c;但是实际上&#xff0c;#define 作为预处理指令&#xff0c;也可以用来定义标识符&#xff0c;类似于 typedef&#xff0c;但是其本质和 typedef 是不同的。 目录 一、#define 定义标识符 1、定义和使用 2、#define 定义标…

C语言之#define用法入门详解

一、#define的基本语法 在C语言中&#xff0c;常量是使用频率很高的一个量。常量是指在程序运行过程中&#xff0c;其值不能被改变的量。常量常使用#define来定义。 使用#define定义的常量也称为符号常量&#xff0c;可以提高程序的运行效率。 其常见的用法包括两种&#xff0…

python微信聊天机器人_Python搭建一个微信聊天机器人

前言 因为班群里总是挺静的&#xff0c;所以想着要不放个机器人试试能不能活跃活跃气氛&#xff0c;然后就begin网上查阅资料试着建立个机器人。 语言环境开发环境&#xff1a;Ubuntu16.04 编程语言&#xff1a;Python2.7 步骤第一步&#xff1a;首先安装python2.7语言 su…

Python大佬用20行代码带你打造一个微信聊天机器人(附代码)

近来&#xff0c;打开微信群发消息&#xff0c;就会秒收到一些活跃分子的回复&#xff0c;有的时候感觉对方回答很在理&#xff0c;但是有的时候发现对方的回答其实是驴唇不对马嘴&#xff0c;仔细深究发现&#xff0c;原来对方是机器人。今天&#xff0c;小编就带大家用20行代…

16行代码实现微信聊天机器人,自动智能回复,打团了让它来陪老婆聊天

在我们的生活和工作当中,很多时候我们并不能及时地回复消息,尤其是业务比较多的人,客户给我们发消息我们不回又不好,但又没有那么多精力时时回复,这个时候智能机器人就能帮助我们解决很多问题。 像电商类的客服,像大的QQ群/微信群管理员,以及我们打游戏的时候,挂着脚本…

利用python实现微信聊天机器人(需自己设置关键字及回复内容)

本人为python小白写此帖纪念用python写的第一个脚本 微信聊天机器人 1、通过查找截图进行鼠标点击操作 2、通过直接输入屏幕中的坐标进行鼠标点击操作&#xff08;在复制他人最新信息时采用指定坐标双击&#xff09; # 双击并复制信息 pyautogui.doubleClick(394,…