解决vue3，cli4用uniapp打包app出现白屏问题_uniapp 白屏

作者：我家小花儿 | 2024-03-18 00:07:13

踩

uniapp 白屏

解决vue3，cli4用uniapp打包app出现白屏问题

问题描述：

用VScode制作的vue3项目，用uniapp打包APP后，出现白屏（没有报任何错误）

解决办法：

在vue3原项目的根目录（与packa.json同级）下创建vue.config.js文件夹，配置如下

在这里插入图片描述

然后npm run build打包成dist文件夹

打开uniapp创建一个5+App（A）项目

在这里插入图片描述

删除css,img,js和index.html文件替换为打包后的dist（我这里自己改为了dists，可以不用改）文件

![在这里插入图片描述](https://img-blog.csdnimg.cn/20210503220033907.png

![在这里插入图片描述](https://img-blog.csdnimg.cn/20210503220033901.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2xsMDEwNzA1,size_16,color_FFFFFF,t_70

然后配置一下mainfest.json。配置如下：

在这里插入图片描述

最后，打包就OK了（屏蔽所有广告）

在这里插入图片描述

声明：本文内容由网友自发贡献，不代表【wpsshop博客】立场，版权归原作者所有，本站不承担相应法律责任。如您发现有侵权的内容，请联系我们。转载请注明出处：https://www.wpsshop.cn/w/我家小花儿/article/detail/258924