uniapp+vue3打包问题记录

已于 2024-01-15 08:27:17 修改
阅读量615 收藏 8
点赞数 8
分类专栏： uniapp+vue3+ts+vite+pinia+vant 文章标签： uni-app vue.js 前端
于 2024-01-15 08:27:00 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_41844140/article/details/135592364
版权

**背景：**打包app出现问题，只显示底部导航的文字，其他一片空白

1. pages.json文件：tabBar中的iconPath图标格式不支持svg，只支持：png, jpg, jpeg的格式，当图片改为.png的时候可以正常显示

2. 适配插件的影响：使用了postcss-pxtorem插件，同时安装了lib-flexible插件，但因为lib-flexible源码基于window对象的操作，导致打包一直空白，注释相关代码后可以正常在模拟器显示

3. 打包需要注意的是manifest.json页面，AppID和应用名称是必填
在这里插入图片描述

AppID和获取云端证书(打包流程)
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

元宵不吃汤圆
关注
  • 8
    点赞
  • 踩
  • 8
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
如何解决h5、vue、uniapp等项目缓存问题
lsh_ajax的博客
06-11 7006
如何解决h5、vue、uniapp等项目缓存问题 我们再开发web项目时，经常会遇到修改了css、js、html等静态文件，并部署到服务器之后。使用浏览器进行访问的时候，发现并没有什么变化，这就是静态缓存。我们应该如何处理静态缓存呢？首先我们先了解什么是静态缓存。 静态缓存 ​ 静态缓存，一般指web类应用中，将图片、js、css、视频、html等静态文件/资源通过磁盘/内存等缓存方式，提高资源响应方式，减少服务器压力/资源开销的一门缓存技术。大致可以分为浏览器缓存、服务端缓存、CDN等 一、浏
解决vue build打包之后首页白屏的问题
08-27
- 监控日志：在生产环境中开启Vue的错误追踪和日志记录，以便更快定位问题。 综上所述，解决Vue build打包后首页白屏的问题主要涉及调整静态资源的路径配置。同时，理解其他可能的原因和采取相应的优化措施，将有...
uniapp 打包 App 报错（vue3）
Shiqi_777的博客
06-14 2575
报错：Invalid value "iife" for option "output.format" - UMD and IIFE output format。解决方案： 把项目中的defineAsyncComponent替换掉。
vue3项目打包和上线
kanno的博客
02-08 4749
vue3项目打包和上线，以及打包上线遇到的问题
把已经写好的Vue项目转成uni-app项目
热门推荐
我的代码没有Bug的博客
01-10 5万+
先介绍一下我写的vue项目 我的vue项目采用的是： vue+vuex+element+axios+vue-router+webpack+vue-cil 由于某些原因需要把我的项目转移成uni-app项目 （具体原因：相信了uni-app吹的牛b，一个套代码可以适用，安卓，IOS，微信小程序 经过了解，发现uni-app项目不支持vue-router。所以我的工作量就比较大了。 由于我的项目是采...
VUE项目 打包时关于svg报错问题解决办法
weixin_44288627的博客
12-27 5778
今天使用build打包vue项目的时候疯狂报错，报错信息如下： building for production...Error processing file: static/css/app.316977a049dccd7ae4089d9226e81a34.css (node:11888) UnhandledPromiseRejectionWarning: postcss-svgo: Error ...
vue项目打包使用uniapp生成app过程
zilvzsy的博客
12-07 4068
记笔记，免忘记！ 一、打开Hbuilder，新建项目 创建好5+app项目 二、打包vue项目 npm run build 将dist里面的文件，复制，到刚刚创建的5+app项目文件夹中（重部替换） 三、打开项目后，打开manifest.json文件，配置appId 四、打开index.html页面，修改js和css的路径 将页面中的 js/xxx.js和css/xxx.css，全部改成 ./js/xxx.js和./css/xxx.css 否则会报错 五、...
java商城+vue后台+uniapp源代码.zip
08-31
这是一个涵盖了前端、后端以及移动端开发的项目源代码包，主要使用了Java、Vue.js和UniApp技术栈。下面将详细介绍这些技术及其在电商项目中的应用。 首先，Java是一种广泛使用的面向对象的编程语言，尤其在企业级...
基于SpringBoot+Vue的医疗服务系统（源码+部署说明+系统介绍）.zip
04-08
该系统的源码、部署说明和系统介绍已经打包成一个zip文件，方便用户使用。 该系统的前端部分采用了Vue框架进行开发，主要实现了用户界面和交互，包括登录、注册、医生列表、预约挂号、医疗管理等功能。而后端部分则...
基于ThinkPHP6.0+Vue3.0+UniApp开发盲盒商城系统源码
07-11
HashMart(哈希玛特)是首款开源的面向生产的高性能、易...该系统采用了thinkphp 6.0 + Vue 3.0 + uniapp的开发架构，实现了全移动端兼容。您只需编写一份代码，即可打包成小程序、APP和H5网页，真正做到节省成本与时间。
基于uniapp+Vuex的残疾人婚恋APP源码.zip
10-24
2. **uniapp.config.js** - uniapp的全局配置文件，定义了项目的配置信息，如打包设置、接口地址等。 3. **main.js** - 项目的入口文件，通常在这里初始化Vue实例并引入必要的插件和全局组件。 4. **package.json*...
vue项目版本打包更新后文件及浏览器存在缓存问题解决方案
qq_37312180的博客
03-07 4270
【代码】vue项目版本打包更新后文件及浏览器存在缓存问题解决方案。
uniapp开发app时的本地缓存以及封装
最新发布
mhblog的博客
03-01 1274
利用uniapp开发app的项目中，遇到需要频繁访问的资源，如图片或者其他静态文件时，为了降低服务器的网络请求和节省网络宽带成本，可以通过本地缓存的方式
uniapp打包发布h5项目的缓存问题
weixin_62335239的博客
06-13 1954
uniapp打包发布h5项目的缓存问题 vue.config.js compression-webpack-plugin
uniapp开发：uniapp之切换vue3，一直使用一直爽
qq_42961150的博客
11-17 1万+
目录 前言 使用步骤 Tips 关注我，不迷路 前言 随着vue3.0发布以来，紧随着vue3.2又发布了，这尤大大也太厉害了吧。在这里vue3.x的优点就不多说了，反正就是爽。 uniapp也是跟紧的步伐，在前几个版本就开始支持vue3.x的使用，甚至在2.9.3的cli版本就开始支持了，更多相关信息查看官方更新日志。从 HBuilderX 3.2 起，支持创建 vue3 的 uni-app 项目，更多uniapp相关信息查看uni-app 项目支持 vue 3.0 介绍，及升级指南。用法与常规vu
uniapp写的项目运行在电脑端好使，打包后运行在安卓手机报错：errMsg:request:fail abort statusCode:-1 Chain validation failed
huangfuyk.的博客
08-03 1622
查阅 uni.request 文档，发现sslVerify参数，默认为true，在项目内把它设置为false。
用uniapp开发打包多端应用完整指南
CRMEB小程序商城的博客
08-14 1178
用uni-app开发多端项目，一套代码可同时打包出各端小程序、h5和app，uni-app支持通过 HBuilderX可视化界面 和 vue-cli命令行 两种方式创建项目，下面示例项目采用 HBuilderX可视化界面 的方式创建，cli项目可参考uni文档，大部分流程都是通用的。
vue通过uniapp打包运行页面空白(Failed to load resource)
a787188834的专栏
09-17 565
2、router的history: createWebHashHistory(),使用“createWebHashHistory”（有hash的），不要使用createWebHistory。vue调试时候，真机打开url和mac电脑打开都正常；打开safari浏览器，查看ipa文件包的页面，发现报了Failed to load resource：xxxxx.js.map错误；1、vue.config.js的module.exports的publicPath: './',是'./'要设置下。
uniapp + Vue3
09-06
uniapp是一个基于Vue.js的跨平台开发框架，而Vue3是Vue.js的最新版本。它们的结合可以带来更好的开发体验和性能优化。uniapp提供了导航栏双页切换的功能，而Vue3的Pinia框架则提供了参数输出和方法调用的功能，还支持模块化和持久化存储。如果您有关于uniapp和Vue3的使用问题，您可以查看uniapp官网获取更详细的信息和示例代码。uniapp在早期版本中开始支持Vue3的使用，并且从HBuilderX 3.2版本开始支持创建基于Vue3的uniapp项目。使用uniapp和Vue3开发项目的流程与常规的Vue3开发类似。您可以按照官方提供的升级指南和使用文档来进行开发。希望以上信息对您有所帮助！<span class="em">1</span><span class="em">2</span><span class="em">3</span> #### 引用[.reference_title] - *1* [uniapp+vue3+pinia框架（模块化+持久化存储）](https://download.csdn.net/download/qq_35079107/87910679)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 33.333333333333336%"] - *2* [uniapp + vue3微信小程序开发（1）框架搭建](https://blog.csdn.net/qq_39404437/article/details/124345386)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 33.333333333333336%"] - *3* [uniapp开发：uniapp之切换vue3，一直使用一直爽](https://blog.csdn.net/qq_42961150/article/details/121375073)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 33.333333333333336%"] [ .reference_list ]

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值