小程序开发者工具的按钮链接页面路径应该怎么找?

如图,首页的“博主心选”要链接到折扣列表页,但是复制了路径名称后却报错了,应该怎么做呢?

img

img

报的什么错?

  • 这有个类似的问题, 你可以参考下: https://ask.csdn.net/questions/716
  • 这篇博客你也可以参考下:接口测试-工作心得记录五(接口采样和验证列表重复数据)
  • 除此之外, 这篇博客: 前后端数据交换技术案例实操一:中的 业务逻辑层完成后到我们的控制层了:控制层也又是最会做事的核心任务他既要接收浏览器发过来的请求也要下达任务要给其他人处理。好比是 班主任  班长  学生 三者的关系 部分也许能够解决你的问题, 你可以仔细阅读以下内容或跳转源博客中阅读:

  • 您还可以看一下 黄菊华老师的基于微信小程序的健身中心私教预约系统的设计与实现 毕业设计 毕设源码课程中的 健身房私教预约小程序-私教管理功能小节, 巩固相关知识点
  • 以下回答由chatgpt基于相关博客总结生成:

    小程序开发者工具中找到按钮链接页面路径的步骤如下:

    1. 打开小程序开发者工具,在首页中找到目标按钮所在的页面,并选中该页面。
    2. 在页面的右侧打开“工具”选项卡,在“组件树”中找到目标按钮,并选中该按钮。
    3. 在“组件属性”中找到“data-event-opts”字段,该字段记录了按钮的点击事件和对应的页面路径。
    4. 复制“data-event-opts”字段的值,在代码中将其赋值给一个变量,如下所示:
    var eventOpts = '...'; // 将复制的值粘贴在这里
    
    1. 解析复制的值,提取出对应的页面路径。可以使用正则表达式来匹配路径,如下所示:
    var reg = /"url":\s*"(.*?)"/;
    var path = eventOpts.match(reg)[1];
    
    1. 最后,可以将该路径用于页面跳转或其他相关的操作。

    如果在进行上述步骤时遇到了错误,请提供错误信息和具体的操作步骤,我将尽力帮助您解决问题。

首先这个路径就有问题

img

绝对路径这么写/pages/category/category

相对路径这么写../category/category

小程序开发者工具的按钮链接页面路径得方法
可以参考下
https://kf.qq.com/faq/180725biaAn2180725VnQjYF.html

其他代码有问题吧,应该不是这里的问题

可以通过F12查看

当前微信开发工具用的wx基础库是 2.4.0 ,不支持 自动校验结构化数据。需要 2.4.2+ 才支持
解决方法就是:
调整工具版本,目前改为了 2.30.3 就不报错了

wx库的版本问题。换个版本试试

看看你的调试基础库版本,了解了下,大致是基础库版本问题
1、基础库2.4.2+,才支持自动校验结构化数据
2、默认使用了2.16.1的“调试基础库”,因2.16.1版本过高,也会导致页面渲染时出现“渲染层错误”。

你可以看看这两篇文章:
1、https://blog.csdn.net/weixin_46024145/article/details/116656463;
2、https://blog.csdn.net/qubes/article/details/129956063;

对于链接到折扣列表页报错的问题,您可以尝试以下几个步骤来解决:

检查路径名称是否正确:确保您复制的路径名称与实际文件路径名称完全相同,包括大小写和文件格式(如.html或.php)。

检查文件路径是否正确:确认折扣列表页文件确实存在于该路径中。您可以通过在浏览器中手动输入该路径来验证是否可以正确访问该页面。

检查文件权限:确保折扣列表页文件具有适当的权限,以便能够被访问。您可以通过文件管理器或命令行工具查看和更改文件权限。

检查链接代码:如果您是通过代码来创建链接,请确保代码中的路径名称正确,并且没有其他语法错误。您可以检查HTML或其他相关代码文件中的链接部分。