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

最新推荐文章于 2024-03-11 18:17:37 发布
最新推荐文章于 2024-03-11 18:17:37 发布
阅读量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
关注
专栏目录
uni-app - 运行到内置浏览器使用 IP 地址（Network）访问（自定义域名）
王佳斌
03-14 6683
前言 默认情况下，运行后只能 localhost 访问，如下图所示： 解决方案 打开 mainfest.json 文件，添加 disableHostCheck 属性，将值设为 true。 "h5": { "devServer": { "disableHostCheck": true } } 自定义域名 “本地hosts文件位置:C:\Windows\System32\Drivers\etc” 本地创建 IIS 站点 添加域名 修改 hosts 文件： 127.0.0.1 www.你的域名.
uni-app开发工具: HBuilderX运行配置、调试、项目基础配置、开发规范
iOS逆向与安全
09-22 8343
引言 HBuliderX 开发版:https://www.dcloud.io/hbuilderx.html 微信小程序开发工具：https://developers.weixin.qq.com/miniprogram/dev/devtools/download.html Serverless WordPress 建站 https://kunnan.blog.csdn.net/article/details/120020130 I HBuliderX的使用 1.1 HBuliderX的运行
HBuilder X运行小程序时，打开了微信开发者工具 但微信开发者工具未运行项目但又没有错误提示
nzn111的博客
03-21 1726
1.检查配置文件里有没有配置小程序APPid。2.确定开发者工具登录的账号和id属于同账号。3.微信开发者工具不是最新版本 卸载重新安装。
HBuilderX用uni-app写微信小程序,小程序的头部导航栏字体为空
最新发布
m0_68336608的博客
03-11 458
但是明明已经在pages.json文件中配置了。如图,头部导航栏为空。
uni-app运行到微信开发工具无法预览
一元梦寻1rmb.cc
02-12 8604
uni-app运行到微信开发工具真机无法预览，提示appid出错，不能生成预览二维码 由于hbuild生成项目时是新建的项目，所以运行时并没有填写appid，需要自行在项目中去设置 设置方法 点击开发者工具详情，修改appId即可 ...
Hbuilder X 自动保存代码
热门推荐
lhz_333的博客
03-02 1万+
使用 Hbuilder X 编写代码时，总是忘记保存，本文主要记录下失焦自动保存设置。
uniapp-抓娃娃-营销工具
08-11
【标签】"uniapp"是H5、小程序、APP多端开发的统一框架，由DCloud(即海豚浏览器团队)推出。它提供了丰富的组件库和API接口，使得开发者可以用一套代码实现跨平台的应用开发。"抓娃娃"则特指这个游戏功能，通常包含...
HBuilderX将uniapp项目运行到微信开发者工具
qq_63732605的博客
07-20 1984
uni-app、小程序、微信开发这工具、HBuilderX
Uni-app运用HBuilderX和微信web开发者工具做微信小程序
m0_75260695的博客
06-14 7200
Uni-app的介绍:uni-app是一个使用vue.js开发所有前端应用的框架,开发者编写一套代码,可发布到iOS、Android、H5以及各种小程序、快应用等多个平台.HBuilderX中的H是HTML的首字母，Builder是构造者，X是HBuilder的下一代版本。简称HX。HX是轻如编辑器、强如IDE的合体版本。微信web开发者工具的介绍:为帮助开发者更方便、更安全地开发和调试基于微信的网页，我们推出了微信 web 开发者工具。
uni-app使用HBuilder X工具和微信小程序工具开发微信小程序
qq_64047601的博客
06-15 3421
uni-app是一个使用vue.js开发所有前端应用的框架，开发者编写一套代码，可发布到iOS、Android、H5 以及各种小程序（微信/支付宝/百度/头条/QQ/钉钉/淘宝等)、快应用等多个平台。HBuilderX，H是HTML的首字母，Builder是构造者，X是HBuilder的下一代版本。我们也简称HX。HX是轻如编辑器、强如IDE的合体版本。HBuilder X工具的扩展性强HX支持java插件、nodejs插件，并兼容了很多vscode的插件及代码块。
微信小程序 swiper轮播图不显示
dupha的博客
08-03 5809
设置display flex后，swiper轮播图不显示 display 如果在app.wxss中使用也会导致轮播图不显示
【vue】uniapp vue3 vite代理设置问题【H5 微信小程序】
我的开源项目:https://gitee.com/derekgo/vue-cms_xg
02-20 3507
需要判断当前是h5还是微信小程序端，对请求接口文件进行修改，其他文件不修改。vite.config.ts配置proxy。如果有不懂可以留言，我看到了应该会回复。request.ts 请求接口文件。踩坑不易，还希望各位大佬支持一下。request.ts 请求文件。评论，你的意见是我进步的财富！微信小程序识别不了代理的配置。.env配置请求接口域名。如有错误，请多多指教。
HBuilderX运行微信小程序不报错也打不开
lxyoucan的博客
06-04 1189
我主用的是linux操作系统，因为要开发微信小程序。所以在虚拟机中安装了一个windows7系统。 环境 虚拟机中的windows7 HbuilderX + 微信开发者工具 现象 使用HbuilderX开发uni-app并想在微信开发者工具中运行。日志一切正常，也没有报任何错误。但是就是无法查看到运行效果。 解决办法 我舍弃了windows7 ，安装了一下windows10的虚拟机就一切正常了。 猜测可能某个组件不支持windows7导致的吧。 当然也有可能是node.js的问题，windows7最高只能安
uniApp小程序解析富文本，视频无法显示问题
sunshinebotanka的博客
04-18 1776
uniApp小程序解析富文本，视频无法显示问题
uniapp_hbuilderxIDE_微信小程序使用入门_代码修改与生效问题/hbuilderx自动保存修改
xuchaoxin1375的博客
01-03 950
文章目录打开微信小程序服务端口在Hbuilderx中指定微信小程序运行hbuilderx自动保存修改(失去焦点时)代码修改与生效问题导入新项目并在新窗口中打开 打开微信小程序服务端口 在Hbuilderx中指定微信小程序运行 如果已经编译,那么再次查看会显示停止微信开发者工具 hbuilderx自动保存修改(失去焦点时) 也可以手动保存(ctrl+shift+s) 代码修改与生效问题 ????务必在查看修改效果之前检查是否将所有文件进行保存 注意确保项目的代码没有出现语法错误(可以通过编译检
HbuildX运行小程序模拟器设置当前页面为启动项没反应，仍弹出老启动界面
Faint35799的博客
01-12 1490
在做微信小程序开发时，调试过程中，可以设置当前页面为启动页，查看效果，如下图 在第一次使用有可能会出现没反应，仍然为之前的老启动界面，这是因为微信开发者工具默认为普通编译，如下 这时需要去微信开发者工具中设置一次，工具-》编译配置中选择当前启动页面，如下图 再次重新执行，运行当前页面为启动页会发生改变，后续也不需要再进行更改设置 ...
解决 HBuilderX 修改代码后 MyEclipse 不自动刷新问题
m0_46252893的博客
01-17 1672
问题描述： 用MyEclipse和HBuilderX进行WEB开发时，可能会出现HBuilderX修改完JSP文件之后，MyEclipse不自动刷新本地文件，导致浏览器上的界面无法刷新 解决方法： 进入 MyEclipse界面，打开Window->Preferences，搜索work，如下图打开Workspace，将Refresh using native hooks or polling一项打勾，之后保存退出就可以解决啦！ ...
开发uni-app时HBuilderX编辑器使用微信小程序模拟器保存代码无法刷新模拟器问题
小歲月丶太着急
04-13 3583
HBuilderX修改文件保存后,微信模拟器不会自动刷新,还要再在微信小程序中点击commond + R再编译才能看到具体更新效果 找了官方论坛和一些博客资料，都没找到相关的解决办法 HBuilderX已是最新版本，微信开发者工具已是最新版本 已经设置APPID ...
解决在HBuilderX里用uniapp引入vant后在微信小程序里没反应的问题
weixin_56924782的博客
09-20 2596
解决在HBuilderX里用uniapp引入vant后在微信小程序里没反应的问题
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、付费专栏及课程。

余额充值