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

uniapp-在HBuilder里修改完保存，运行到浏览器内容显示正常，运行到小程序内容不显示uniapp问题解决办法微信开发者工具显示效果uniappuni-app 是一个使用 Vue.js 开发所有前端应用的框架，开发者编写一套代码，可发布到iOS、Android、Web（响应式）、以及各种小程序（微信/支付宝/百度/头条/QQ/快手/钉钉/淘宝）、快应用等多个平台。问题浏览器显示正常小程序内

galler_ayue

2969人浏览 · 2021-10-20 10:40:08

galler_ayue · 2021-10-20 10:40:08 发布

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

uniapp

uniapp

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

问题

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

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

解决办法

在HBuilder里设置微信小程序AppID

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

微信开发者工具显示效果

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

Vue

前往低代码交流专区

更多推荐

vue 表单验证

1、6位小写字母和数字必须包含两个字母rules: [{ required: true, message: "XXX不能为空", trigger: "blur" },{ max: 6, message: "最大长度为6位字符", trigger: "blur" },{pattern: /^(?=(?:[^a-z]*[a-z]){2})[a-z0-9]{6,6}$/, //不连续的两位字母// /^