uniapp-在HBuilder里修改完保存，运行到浏览器内容显示正常，运行到小程序内容不显示

最新推荐文章于 2023-11-09 21:14:23 发布
最新推荐文章于 2023-11-09 21:14:23 发布
阅读量2.9k 收藏
点赞数
分类专栏： uniapp vue 文章标签： 微信 小程序 uni-app vue
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/galler_ayue/article/details/120860897
版权

uniapp-在HBuilder里修改完保存，运行到浏览器内容显示正常，运行到小程序内容不显示

uniapp

uni-app 是一个使用 Vue.js 开发所有前端应用的框架，开发者编写一套代码，可发布到iOS、Android、Web（响应式）、以及各种小程序（微信/支付宝/百度/头条/QQ/快手/钉钉/淘宝）、快应用等多个平台。

问题

浏览器显示正常
在这里插入图片描述

小程序内容不显示
在这里插入图片描述
小程序控制台显示
在这里插入图片描述

解决办法

在HBuilder里设置微信小程序AppID

在这里插入图片描述
AppID可以在微信公众平台的开发->开发管理找到
注意：如果没有AppID要去微信平台申请
在这里插入图片描述

微信开发者工具显示效果

注意：配置manifest.json之后，需要重启微信开发者平台
在这里插入图片描述

galler_ayue
关注
专栏目录
uniapp-抓娃娃-营销工具
08-11
【标签】"uniapp"是H5、小程序、APP多端开发的统一框架，由DCloud(即海豚浏览器团队)推出。它提供了丰富的组件库和API接口，使得开发者可以用一套代码实现跨平台的应用开发。"抓娃娃"则特指这个游戏功能，通常包含...
微信小程序编译页面空白bug的原因
zhangxueyou2223的博客
06-21 1648
学友哥bug汇总
uniApp小程序解析富文本，视频无法显示问题
sunshinebotanka的博客
04-18 1765
uniApp小程序解析富文本，视频无法显示问题
uni-app修改代码，微信开发者工具不更新
小钻风的博客
11-25 2343
uniapp修改代码不更新
uni-app编译成钉钉小程序，uViewUI组件样式失效，自定义组件样式失效
weixin_45081743的博客
06-21 3179
uni-app编译成钉钉小程序，uViewUI组件样式失效，自定义组件样式 公司项目需要把原本用uinapp开发的微信小程序想要在钉钉上也能使用，然后就打算用uniapp编译成钉钉小程序，看看是否有坑，不试不知道，一试吓一跳，官方没有提供钉钉的编译方式，按照网上文章的配置编译成钉钉小程序后，初步发现，uView-ui的icon没啦，然后样式和布局都奇奇怪怪的，排查的很久...(直接跳过)，最终定位到原因，组件上的类名是有的，acss文件也是有的，acss文件里面的样式没有在标签上生效，也就是空白的，如下图。
基于uniapp微信小程序电影院选座订票系统设计源码.7z
最新发布
04-17
这个系统能够实现用户在微信小程序上进行电影票预订，并且支持跨平台运行，包括安卓和H5浏览器。以下是关于该项目的技术栈和核心知识点的详细说明： 1. **uniapp**： - uniapp是一个使用Vue.js语法的多端开发框架...
基于uniapp微信小程序志愿者活动报名在线试卷考试系统设计
10-18
开发软件：Idea + 微信小程序开发者工具，可选Hbuilder，mysql数据库 开发技术：SSM + Vue + Uniapp跨平台，客户端也可以发布到安卓或H5浏览器 这是一个基于微信小程序的志愿者活动报名和在线试卷题库和考试管理的...
wechat-truth-hold:微信小程序（mpvue迁移到uniapp版本）
04-17
6. **API替换**：根据uniapp的API文档，替换mpvue中的微信小程序API，确保功能正常运行。 7. **测试与调试**：完成迁移后，进行全方位的功能测试，确保每个页面和功能在微信小程序环境中都能正常工作，并在其他平台...
HBuilderX打不开微信小程序？
weixin_42220130的博客
03-11 606
HBuilderX打不开微信小程序参考设置，感谢他 https://blog.csdn.net/u013299635/article/details/88138350 按照上面设置不行，最后仔细查找几遍，是安装了2微信开发者工具，稳定版和开发版 我选择卸载掉一个 然后在HBuilderX又配置了留下的微信开发者工具地址地址就ok啦 工具-设置-运行配置 ...
uni-app - 运行到内置浏览器使用 IP 地址（Network）访问（自定义域名）
王佳斌
03-14 6677
前言 默认情况下，运行后只能 localhost 访问，如下图所示： 解决方案 打开 mainfest.json 文件，添加 disableHostCheck 属性，将值设为 true。 "h5": { "devServer": { "disableHostCheck": true } } 自定义域名 “本地hosts文件位置:C:\Windows\System32\Drivers\etc” 本地创建 IIS 站点 添加域名 修改 hosts 文件： 127.0.0.1 www.你的域名.
HBuilder X运行小程序时，打开了微信开发者工具 但微信开发者工具未运行项目但又没有错误提示
nzn111的博客
03-21 1717
1.检查配置文件里有没有配置小程序APPid。2.确定开发者工具登录的账号和id属于同账号。3.微信开发者工具不是最新版本 卸载重新安装。
解决在HBuilderX里用uniapp引入vant后在微信小程序里没反应的问题
weixin_56924782的博客
09-20 2592
解决在HBuilderX里用uniapp引入vant后在微信小程序里没反应的问题
HTML学习笔记 1-用HBuilderX写的HTML无法在浏览器上运行怎么办？问题出在这里：HBuilderX外部web服务支撑配置
热门推荐
m0_74282485的博客
12-28 1万+
HBuilderX外部web服务支撑配置 在HBuilderX写的HTML代码无法在浏览器上运行怎么办？ 那是因为你的HBuilderX外部web服务没有
uni-app开发过程中遇到浏览器端正常显示，但是小程序端显示空白页
maintain 的博客
02-03 8014
晕倒翁提如下： 谷歌浏览器正常显示，但是小程序端显示如下： 原因： 打开小程序端调试器： 看到提示，分析产生这个问题的，是因为手动删除页面，或者其他类似操作导致 pages.json 中存在重复多余的页面配置项。 解决办法： 检查 pages.json 中是否存在重复的项（一个页面在 pages.json 中配置了两次），如果存在，将重复的项删除，然后重新运行，即可解决问题。 ...
Hbuilder运行到浏览器里为啥空白？
m0_62600503的博客
11-09 2301
代码写了一大堆，结果运行到浏览器只显示标题，内容空白？
hbuilder中uniapp运行微信小程序模拟器时出错
我心坚持
02-23 824
hbuilder中uniapp运行微信小程序是出错， 需要在微信开发者工具中：设置—安全—服务端口开启，
HBuilderX运行微信小程序不报错也打不开
lxyoucan的博客
06-04 1185
我主用的是linux操作系统，因为要开发微信小程序。所以在虚拟机中安装了一个windows7系统。 环境 虚拟机中的windows7 HbuilderX + 微信开发者工具 现象 使用HbuilderX开发uni-app并想在微信开发者工具中运行。日志一切正常，也没有报任何错误。但是就是无法查看到运行效果。 解决办法 我舍弃了windows7 ，安装了一下windows10的虚拟机就一切正常了。 猜测可能某个组件不支持windows7导致的吧。 当然也有可能是node.js的问题，windows7最高只能安
解决uniapp获取base64在ios端自带前缀(不显示)问题
小小前端攻城狮
11-25 1854
base64在安卓需要拼接'data:image/png;base64,' ios自带'data:image/jpg;base64,' base64适配ios安卓 base64在ios不显示
uniapp怎么运行到 edge
03-26
目前，Uniapp 不支持在 Edge 浏览器中直接运行，因为 Uniapp 是基于小程序的开发框架，而 Edge 浏览器不支持小程序的运行。但是，可以将 Uniapp 的代码编译成 H5 页面，然后在 Edge 浏览器中打开运行。具体操作如下...
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值