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

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

问题描述:

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

解决办法:

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

解决vue3,cli4用uniapp打包app出现白屏问题_第1张图片

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

打开uniapp创建一个5+App(A)项目

解决vue3,cli4用uniapp打包app出现白屏问题_第2张图片

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

![在这里插入图片描述](https://img-blog.csdnimg.cn/20210503220033907.png
解决vue3,cli4用uniapp打包app出现白屏问题_第3张图片解决vue3,cli4用uniapp打包app出现白屏问题_第4张图片

![在这里插入图片描述](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。配置如下:

解决vue3,cli4用uniapp打包app出现白屏问题_第5张图片

最后,打包就OK了(屏蔽所有广告)

解决vue3,cli4用uniapp打包app出现白屏问题_第6张图片

你可能感兴趣的:(App,vue.js)