黑马苍穹外卖微信小程序入门案例的几个坑

最新推荐文章于 2025-04-03 16:48:28 发布
原创 最新推荐文章于 2025-04-03 16:48:28 发布 · 1.8k 阅读 · 12 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#微信小程序 #小程序

本文介绍了两个微信小程序常见问题的解决方法：1）移除renderer:skyline以修复标题不显示问题；2）通过将调试基础库版本调整到2.26.2或更低解决获取用户名称失败的问题。

一、首先是小程序标题不显示的问题

解决方法：

把  "renderer": "skyline",删掉就行

另外，我百度了好久都没找到解决办法，反而是b站的弹幕给出了答案，真是离谱

二、没有弹出这个或者获取不到微信用户名称等

解决办法：右上角详情->本地设置->调试基础库->选择2.26.2

看弹幕说要选择2.27.0以下的版本才行

Score666
关注
苍穹外卖遇到问题（包括跳过微信支付、nodejs不兼容等）
qq_45195447的博客
09-21 3461
但在开发环境中，两者有所不同。所以 Vite 因为基于浏览器的原生功能，省掉了打包过程，在开发环境中体验及其愉快。本地安装了nvm用了切换node版本 但是当安装node20.9.0的时候 不小心自己重新 全局 装了npm，在切回低版本的时候 用了全局的 npm ,所以报错了 ，重新将node 切换回20.5的版本 npm这个时候可用 再执行npm uninstall -g npm ,取消全局安装的npm ,再使用nvm切换node版本的时候就可以了 自动使用node下自带的npm 版本 成功解决。
苍穹外卖配置/运行中出现的问题及解决方案
qq_54394551的博客
12-28 7249
苍穹外卖项目配置/ 运行中遇到的问题及解决方案。
苍穹外卖微信小程序代码
04-02
完整苍穹外卖前端微信小程序项目代码，导入即可使用
苍穹外卖导入小程序不显示界面
m0_58987505的博客
04-03 865
基础库版本也降低到了2.24.4，进来后就是这个界面，终止再重新编译也没有用，用的是黑马资料里面的微信开发者工具安装包，是什么原因导致的？
黑马项目苍穹外卖遇到的bug及解决
TIGA3的博客
04-08 1740
苍穹外卖项目碰到的bug
微信小程序实现吸顶、网格、瀑布流布局
分享前端工程化、动效魔法与性能之舞！
02-03 4124
微信小程序开发通常是在webview模式下编写，但是对小程序的渲染性能有一定的追求，就需要使用Skyline模式进行渲染，同时在这种模式下有也有一些特殊的组件，可以轻松的实现想要的效果，本文将介绍在Skyline模式下如何实现吸顶、网格、瀑布流布局。
web学习笔记（七十三）微信小程序
shan33__的博客
07-03 1365
（2） "renderer"和 "rendererOptions"是小程序的渲染配置，如果我们不想使用自带的navigation-bar时需要删除相关配置，此处的渲染配置也需要进行删除操作，否则会产生警告。是用来定义底部导航栏的配置项。底部导航栏（Tab Bar）通常用于在不同页面之间进行快速导航，用户可以通过点击底部的图标或文本切换到不同的页面。（3） "window" 是用来定义小程序的窗口表现的配置项。（1） "pages": [] 用来定义小程序的所有页面路径，默认展示数组第一项的页面。
微信小程序ar遇到的问题
胖虎哇的博客
12-27 672
添加后会导致模型上下翻转，使用。
黑马苍穹外卖7 用户下单+订单支付(微信小程序支付流程图)
weixin_44040169的博客
06-25 1352
用户下单+订单支付（微信支付流程+微信支付相关配置）
精选资源
黑马java的苍穹外卖（用爱发电：阿里oss、百度地图、小程序相关key）.zip
03-10
目前，微信小程序已经覆盖了电商购物、生活服务、娱乐休闲、教育学习、工具助手等多个领域，为数以亿计的用户提供便捷的服务入口，也为众多商家和开发者提供了新的商业模式和创业机会。随着技术的不断升级和完善，小...
前端+SpringBoot+小程序，苍穹外卖项目
07-05
点击立即下载即可免费下载，b站苍穹外卖项目教学已做完，由于是个人开发所以跳过了微信支付功能，调用接口将验证逻辑跳过直接转到支付成功页面。除了支付功能和调用百度地图功能没做其它功能已跑通，说明文档中有...
黑马苍穹外卖微信小程序
01-27
黑马苍穹外卖微信小程序是一个综合性的餐饮服务平台，主要提供在线订餐、支付以及配送服务等功能。此类应用通常基于微信公众平台开发，并遵循官方提供的指南和API接口[^1]。 #### 小程序注册与环境搭建 对于想要...
使用新版本的微信开发工具，渲染没有效果的问题
weixin_62833925的博客
08-05 1492
小程序一直以来采用的都是 AppService 和 WebView 的双线程模型，基于 WebView 和原生控件混合渲染的方式，小程序优化扩展了 Web 的基础能力，保证了在移动端上有良好的性能和用户体验。总结：我们渲染不出来效果就是因为，我们在APP.json 文件里面默认开启了SKYline渲染引擎，我们只需要把app.json 文件里面的 "renderer": "skyline",删除即可。导致了我们一些wxss的样式不能很好的使用。如果有什么错误，请指正！
微信小程序-基础
xiangxiongfly
02-08 533
配置 导航栏配置 标签栏配置 全局配置文档 页面配置文档 page WXML 模板 数据绑定 条件渲染 列表渲染 block 标签 include 标签 hidden 属性 双向绑定 WXSS 样式 使用样式 单位 rpx vw 和 vh 样式导入 JS 逻辑交互 Page() setData() 页面生命周期 页面事件处理函数 this App() 函数 App生命周期函数 获取App实例
苍穹外卖day07——缓存菜品套餐+购物车功能实现
测试
07-28 3700
购物车+Redis
苍穹外卖微信登陆失败
qq_45008709的博客
04-04 2319
微信开发者测试失败，无法正常登录并显示菜品信息。
苍穹外卖问题记录（持续更新）
weixin_45791946的博客
03-10 8369
（2）查看自己数据库的用户名和密码是否和老师的一样，不一样的话需要在application-dev.yml文件中把老师的用户名密码修改成自己的。老师的用户名密码都是root，如果和自己的不一样的话要改成自己的。（1）确保nginx服务器已经启动。
苍穹外卖day09-问题与解决办法
w93614的博客
02-02 984
过程:通过mapper找到的page,**能用page.getResult()得到数据order(list类型的),**然后再一个个提取出来,通过BeanUtils装到OrderVO里,再一个个add到orderVO的list里。细节：如果 id 是主键或具有唯一约束，通常不会有 NULL 值，因此 COUNT(id) 会统计所有符合条件的行。解决思路:对订单进行查询,分页查询也是查询,需要框定很多限制条件。总结:注意返回数据的完整性,不要返回少的数据,影响前端正确显示。3.根据电话号码模糊找,
苍穹外卖里出现的问题
xbzyh的博客
01-02 2638
苍穹外卖是我做的第一个项目，在此过程中我遇到了大大小小的问题，这些问题的解决方法我都记录了下来，如果不能解决你的问题可以在评论里提出，我也尽力帮您解决，一起学习。Maven里许多plugins有红色波浪线。图片上传失败。图片上传成功，前端却不显示。套餐添加-出现找不到ben。套餐分页查询-page报红。套餐修改update报错-因为少了一些代码。Redis连接报错：ERR Client sent AUTH, but no password is set。微信小程序没有获取用户信息的弹窗
苍穹外卖小程序无显示的解决方法
最新发布
09-30
<think>首先，用户的问题是关于苍穹外卖小程序无显示问题的解决方法。用户提到引用了一些站内引用，但这些引用并非用户真正的需求。引用[1]是关于导入小程序后界面不显示的问题，用户通过重新安装解决了；引用[2]是关于登录报错500的问题。但用户现在的问题是“苍穹外卖小程序无显示问题的解决方法”，所以我需要专注于用户的问题。 用户说：“我想查找苍穹外卖小程序无显示问题的解决方法”，所以核心是解决小程序无显示的问题。 从引用[1]中，用户提到了一个类似问题的解决：用户通过将安装包放到另一个电脑安装后拷贝回来，解决了问题，原因是高版本安装包未卸载干净导致配置残留。 所以，可能的解决方案涉及开发者工具的安装和配置问题。 结构我的回答： - 保持清晰、逐步解决问题。 - 使用中文回答。 - 如果需要，添加引用标识。用户提供了引用[1]，所以我可以在相关部分添加[^1]。 可能的步骤： 1. **检查基础库版本**：用户提到在引用[1]中降低了基础库版本到2.24.4，但问题依然存在。所以，建议检查基础库版本是否兼容。 2. **清理开发者工具配置**：引用[1]的解决方法是重新安装开发者工具，避免配置残留。建议完全卸载当前工具，包括残留文件，然后重新安装。 3. **检查代码或配置文件**：引用[2]提到Mapper插入问题，但用户的问题是显示问题，所以可能无关。但确保小程序代码没有错误。 4. **其他常见原因**： - 网络问题：小程序需要网络加载资源。 - 缓存问题：清除开发者工具缓存。 - 项目配置错误：如app.json文件错误。 - 开发者工具本身错误：尝试更新或降级工具版本。 生成相关问题： - 用户指令要求“生成相关问题”，所以我需要在回答末尾添加相关问题。 - 相关问题应该基于当前主题，比如如何调试小程序显示问题、常见错误处理等。 回答结构： 1. 简要确认问题。 2. 提供逐步解决方法。 3. 添加相关问题。 4. 确保语言自然。 最终回答： - 引用用户提到的解决经验添加[^1]。 - 用中文表述。 </think>### 苍穹外卖小程序无显示问题的解决方法 针对您描述的苍穹外卖小程序无显示问题（例如界面空白、无法加载内容），这通常由开发者工具配置错误、缓存残留或代码兼容性问题导致。根据您提供的引用信息和常见经验，以下是系统性解决步骤。请一步步操作，确保环境稳定。参考您分享的解决经验（例如通过彻底卸载并重新安装开发者工具来清除残留配置），我整理了以下方法[^1]。 #### 逐步解决方法 1. **检查并调整微信开发者工具配置**： - 打开微信开发者工具，确认基础库版本是否兼容。建议设置为 **2.24.4**（如您在引用中提到的），或者尝试其他稳定版本（如 **2.25.0**）。操作路径：工具顶部菜单 → 详情 → 本地设置 → 调试基础库版本。 - 原因：高版本残留配置可能导致工具异常[^1]。如果已调整版本但问题依旧，需完全重置工具。 2. **彻底卸载并重新安装开发者工具**： - 卸载当前工具：通过控制面板移除微信开发者工具，并手动删除残留文件（包括 `C:\Users\你的用户名\AppData\Roaming\Tencent\微信web开发者工具` 或 macOS 下的 `~/Library/Application Support/微信web开发者工具`）。 - 重新安装：使用黑马资料包中的原版安装包（避免下载外部版本）。安装后，不要立即导入项目，先重启电脑清除内存残留。 - 参考您的经验：将安装包复制到另一台电脑安装后，再把整个文件夹拷贝回原电脑，能有效避开配置冲突[^1]。 3. **清理缓存和检查项目设置**： - 在开发者工具中，清除缓存：点击工具栏 → 清缓存 → 清除所有缓存和数据。 - 检查项目配置文件：确保 `app.json` 文件正确（例如页面路径无错误）。示例： ```json // app.json 示例片段 { "pages": ["pages/index/index", "pages/logs/logs"] } ``` - 原因：缓存损坏或配置文件出错会导致界面无法渲染。 4. **调试代码和网络问题**： - 在开发者工具控制台（Console）查看错误日志：按 `Ctrl + Shift + I`（Windows）或 `Cmd + Option + I`（macOS）打开，检查是否有红色报错（如资源加载失败或语法错误）。 - 测试网络连接：确保小程序后端API可访问（如苍穹外卖的服务器地址）。如果报500错误（类似引用[2]），检查代码中的Mapper或插入逻辑，但您的问题是显示问题，优先排除前端资源加载失败。 - 尝试简单Demo：新建一个空白小程序项目，添加基础页面（如一个显示“Hello World”的页面），如果正常显示，则问题出在苍穹外卖代码本身；否则是工具问题。 5. **其他常见解决方案**： - **更新或降级工具版本**：如果以上无效，下载官方最新版或降级到低版本开发者工具（如 v1.05.2105040）。 - **检查操作系统兼容性**：确保系统为 Windows 10+ 或 macOS Catalina+，并更新显卡驱动。 - **重装小程序包**：从黑马资料中重新导入苍穹外卖项目，避免项目文件损坏。 #### 注意事项 - 成功率较高的方法：优先执行步骤2（彻底卸载重装工具），因为您之前的类似问题通过此方式解决[^1]。 - 如果问题持续，可提供控制台错误截图，我会协助进一步分析。 - 该问题多由环境残留引起，非代码逻辑错误（除非有特定报错）。
评论 12
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值