uniAPP项目如何进行打包H5及报错

最新推荐文章于 2024-10-12 20:31:32 发布
最新推荐文章于 2024-10-12 20:31:32 发布
阅读量2.1k 收藏 1
点赞数
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/LaoYangSaid/article/details/108595876
版权
本文介绍了uniAPP项目如何使用HBuiler软件进行H5打包，包括修改发布路径、设置标题和域名，以及打包后上传项目的步骤。同时，针对打包过程中可能出现的报错，提供了在manifest.json中设置publicPath和修改index.xxxxx.js中uniConfig.router.base的解决方法。
摘要由CSDN通过智能技术生成

uniAPP打包

使用HBuider软件进行打包

第一步:修改发布路径
在这里插入图片描述
第二步:发布打包
在这里插入图片描述
第三步:设置标题和域名
在这里插入图片描述
点击＂发行＂会自动进行打包,打包完成后打开生成的文件目录
在这里插入图片描述

第四步:上传项目
修改目录名称,如第一步所示我们的目标发布目录名称为”/info/”,则将目录名称改为info
在这里插入图片描述
在这里插入图片描述

u

最低0.47元/天 解锁文章
文阳兄
关注
uniapp - 详细解决 H5 网页报错 Uncaught Error: Async component timed out after ? ms.（移动端h5页面白屏或加载缓慢失败，超时报错处理）
王佳斌
08-29 2818
uni-app，vue3，网页，h5，移动端，手机H5页面，浏览器，报错，uniapp报错，Async component timed out after，如何解决这个问题，vue3 Async component timed out after，异步组件超时了怎么办，async，详细解决方案，Async Components异步组件，导致页面打不开了，白屏什么也不显示，网页载入非常慢卡顿，vue3网站报错，超时，nuxt3，详细解决方案，浏览器控制台报错，爆红并且页面卡住了，依旧报错，找不到异步组件的报错
uniapp - 运行打包出现警告报错The legacy JS API is deprecated and will be removed in Dart Sass 2.0.0，uniapp打包警告
最新发布
高级前端工程师
11-02 1万+
uni-app，uniapp打包The legacy JS API is deprecated and will be removed in Dart Sass 2.0.0，h5移动端网页，微信小程序，支付宝小程序，Android安卓，苹果ios，app，nvue，uniapp打包警告，uniapp打包时sass报错，更新了sass版本后就出现了，更新了hbuilder后就报错了，如何解决这个问题，配置里加了legacy-js-api还是不行，uniApp项目打包builder编译出错，npm run bu
uniapp打包h5静态资源路径错误解决 相对路径修改
时间在飞飞的博客
05-13 6136
如果用HBuilderX打开的话直接可视化添加 或者在src/manifest.json文件源码中修改
uniapp无法打包H5
Yui_NIE的博客
04-01 1312
HBuilder 回退版本到3.8以下就解决了。发现是版本更新导致的。
uniapp(vue)打包web项目页面刷新后报404解决方案
Jiaberrr的博客
10-12 1048
在使用uniapp进行跨平台开发时，不少开发者会遇到页面刷新后出现404错误的问题。本文将为大家详细解析这一问题的原因及解决方案，帮助大家顺利解决此类问题。
UNI-APP打包H5出现API `request` is not yet implemented
Florenza的博客
12-02 6707
HBuilder X 取消摇树勾选 vscode 取消 treeshaking "h5" : { "router" : { "base" : "/dist/dev/h5", "mode" : "hash" }, "template" : "h5.template.html", "publicPath": "./", "optimization...
H5 app在真机调试的时候正常,打包成app后报错
weixin_30332241的博客
04-22 729
在自己的一个用h5开发的项目中, 环境 IDE HBuilderX 打包工具 Hbuilder线上打包 开发语言 JS 现象 从一个列表进入详细页之后一直转圈圈.因为是调用系统原生的等待组件,界面无法操作(卡死). 分析 因为详细页和另一个页面功能相似,这个页面是从另一个页面拷贝过来略作修改,但是修改很小.另一个页面能够操作,但是这里却一直转圈圈. 结束等待操作是在页面执行了一个ajax请求...
uniapp项目安装pinia2.1版本后，编译项目报错“hasInjectionContext“ is not exported by “node_modules/vue-demi/lib/inde
Frank_colo的博客
12-27 1440
uniapp项目安装pinia2.1版本后，编译项目报错"hasInjectionContext" is not exported by "node_modules/vue-demi/lib/index.mjs", imported by "node_modules/pinia/dist/pinia.mjs".将pinia的版本改成2.0.36，重新编译，就不报错了。
uniapp打包h5，白屏并报错Failed to load resource: net::ERR_FILE_NOT_FOUND
qq_48129943的博客
07-25 2582
配置manifest.json>h5配置中的运行基础路径，和manifest.json>源码视图中base保持一致即可。重新打包，进入就可以了。
uniapp本地打包使用支付宝支付报错：未添加payment模块，所用的模块包
04-01
在使用uniapp进行本地打包并集成支付宝支付时，可能会遇到一个常见的问题，即"未添加payment模块"的错误提示。这个错误意味着你的应用在尝试调用支付宝支付接口时，系统未能找到必要的组件或依赖。为了解决这个问题...
uniapp - 完美解决 mqtt 插件报错：socketTask onOpen is not a function问题（在uniapp小程序/h5网页/安卓苹果app端中使用mqtt协议报错解决）
高级前端工程师
01-16 3292
uniapp，mqtt，报错，onOpen，uniapp mqtt使用onOpen报错，uniapp引入mqtt物联网协议报错怎么办，uniapp安卓苹果app端/h5网页/小程序中使用mqtt协议报错解决，uniapp使用mqtt控制台报错socketTask onOpen is not a function如何解决，如何解决报错，怎么解决该报错，uniapp 连接mqtt H5正常连接成功，APP报错 socketTask.onOpen is not a function，在nvue中报错TypeErr
uniapp 生成html5_uni-app生成h5报错
weixin_39832829的博客
12-23 608
[Vue warn]: Unknown custom element: - did you register the component correctly? For recursive components, make sure to provide the "name" option.found in---> at /project/pages/index/index.vue at ...
uniapp打包成H5遇到的坑
前端视听
07-16 7784
1：点击菜单栏发行，点击选择网站-H5手机版， 2：在网站域名这一栏填写，网站域名，例如www.xxx.com或者你的服务器的IP地址47.103.XX.XX，（这个地址是你将项目打包之后存放放静态文件的地址）。 我这里为了考虑到安全因素，将自己的服务器地址马赛克了。 打包完成之后,有的时候会出现这样的提示: 注意请部署到web服务器使用，不支持本地file协议打开。不要使用资源管理器直接打开。 直接在本地打开static里面的inedx.html的时候，会出现空白页面 打开控制台也会发现有相对应
uniapp打包成apk之后页面上的标签全部显示undefined
Ciao345的博客
11-07 2413
我的页面标签加载速度比我这个请求快多了 我的mydata.content是没有值的 就是个空 在页面上渲染的时候最多就显示个空白 但是当我用方法去处理他的时候 对一个空值调用方法 就立马渲染失败 然后页面上所有的标签也都加载不出来了。正常来讲是没有问题的 因为我请求拿到的值是有mydata.content中的content就算暂时没有我的页面上也是个空值等请求一来就好了 开发时也如我所料 浏览器上运行也没有任何问题。最后解决方法也很简单提前声明好就可以。
uniapp vue3版本引用 jsencrypt加密库报错：“default“ is not exported by……
RisunJan的博客
01-24 1863
个人产生这个异常的原因：将历史项目（vue2）的jsencrypt文件复制到新项目（vue3）里直接引用报错。存在兼容问题，需要重新安装vue3版本的jsencrypt。
AndroidStudio打包HBuilderX的H5+项目为安卓App【一次过，无任何异常报错】
冰凌的博客
02-27 3591
（2）本地电脑务必有JDK1.8以上且配备好环境变量【用于生成和查看证书】，有一个容易犯错误的点，就是在DCloud开发者中心生成证书下载到本地使用，那是不行的，我爬了两天这个坑，安装JDK后迎刃而解！要注意的是，你在输入密码的时候光标不会有移动的变化，但是你的在输入状态的，不要管他，输入完毕按下回车，这里我以密码为123456示例。（3）项目中有两个容易混淆的build.gradle文件，要注意我们修改的是sampleDemo文件夹下的那个，值得注意的是，此时我的APP有。复制到步骤4刚清空的文件夹。
uniapp打包
小罗的博客
04-24 2093
3.千万千万不能勾选摇树优化（ 如果项目引用了其他组件，则会报错 node模块找不到组件，实际上是由于摇树优化，裁剪了一部分没有使用的组件，导致 node模块的缺失 ）"target" : "http://192.168.0.202:8080", //这里使用后端服务器的地址。（ nginx 配置的 location 后面连接的 /h5/ 就是连接在这里的，如果不连接上去，会报错404 ）3.router 的base，最好设置为 ./ （ 一致化，本人没有试过使用加了其他的会不会产生什么变化 ）
uni-app 打包h5 踩坑
jieyucx的博客
03-22 1068
uni-app 打包h5 踩坑
uni-app打包项目成h5，遇到本地访问页面空白
YourPasser的博客
10-25 2640
直接在本地打开static里面的inedx.html的时候，会出现空白页面。
uniapp打包h5 使用nginx部署 报错了caught SyntaxError: Unexpected token '<'
07-12
在上述配置中，将`/path/to/your/dist`替换为你实际的UniApp H5项目打包后的dist目录路径。 3. 重启Nginx服务，使配置生效。 4. 现在尝试访问你的UniApp H5页面，看看是否还会出现报错。 希望以上步骤能够帮助你...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值