微信小程序之---使用微信开发者工具调试小程序 debug 失效 以及 console.log 无法输出

这篇具有很好参考价值的文章主要介绍了微信小程序之---使用微信开发者工具调试小程序 debug 失效 以及 console.log 无法输出。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

项目场景:

使用 HbuilderX 开发微信小程序,在调试的过程中,使用了 debug 以及 console.log ,在 H5 中输出测试都是可以的,但是运行到微信开发者工具之后, console.log 无法生效,在查阅相关解决办法之后,都没有解决


问题描述

在此之前有尝试过一些解决方案,如清除缓存 …
微信小程序之---使用微信开发者工具调试小程序 debug 失效 以及 console.log 无法输出但是这个解决方案,并没有生效


原因分析:

因为开发的微信小程序,而小程序有分包主包大小限制,所以需要查看代码依赖分析的文件大小,以免主包或者分包超过 2M 导致小程序无法发布
微信小程序之---使用微信开发者工具调试小程序 debug 失效 以及 console.log 无法输出所以这里在运行微信开发者工具的时候勾选上了运行时是否压缩代码
这里就是元凶 !!!
微信小程序之---使用微信开发者工具调试小程序 debug 失效 以及 console.log 无法输出


解决方案:

在 HbuilderX 中运行微信开发者工具的时候不要勾选运行时压缩代码 (当然如果需要查看代码依赖分析中的代码大小的时候还是需要勾选上的),这样 console.log 以及 debugger 就可以生效了

这里真的是 啊啊啊啊 让我好久都没能在 微信开发者工具当中用 console.log 调试文章来源地址https://www.toymoban.com/news/detail-506724.html

到了这里,关于微信小程序之---使用微信开发者工具调试小程序 debug 失效 以及 console.log 无法输出的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包赞助服务器费用

相关文章

  • HBuilder将uniapp项目运行到微信开发者工具进行小程序调试

    HBuilder将uniapp项目运行到微信开发者工具进行小程序调试

    HBuilder将uniapp项目运行到微信开发者工具进行小程序调试 有时候我们的项目开发是使用uniapp,而最终是要发布到微信小程序的。 在开发uniapp项目过程中,我们可以使用HBuilderX运行到微信小程序模拟器(微信开发者工具),一边写代码一边调试、预览效果。 电脑安装以下软件

    2024年02月16日
    浏览(49)
  • 【微信小程序】微信开发者工具安装less插件

    【微信小程序】微信开发者工具安装less插件

    微信小程序:本文主要是关于如何在微信开发者工具中安装less插件 不知道大家有没有像我一样习惯在vscode里面用惯了less,当需要用微信开发者工具开发小程序时,如果没有这个会有些不习惯,下面就简单介绍一下,如何在微信开发者工具中安装less插件。 less:是一个CSS预处

    2024年02月04日
    浏览(51)
  • 微信小程序:微信开发者工具安装less插件

    微信小程序:微信开发者工具安装less插件

    微信小程序:本文主要是关于如何在微信开发者工具中安装less插件 不知道大家有没有像我一样习惯在vscode里面用惯了less,当需要用微信开发者工具开发小程序时,如果没有这个会有些不习惯,下面就简单介绍一下,如何在微信开发者工具中安装less插件。 less:是一个CSS预处

    2024年02月14日
    浏览(224)
  • 【微信小程序】--注册小程序账号&安装开发者工具(一)

    【微信小程序】--注册小程序账号&安装开发者工具(一)

    💌 所属专栏:【微信小程序开发教程】 😀 作  者:我是夜阑的狗🐶 🚀 个人简介:一个正在努力学技术的CV工程师,专注基础和实战分享 ,欢迎咨询! 💖 欢迎大家:这里是CSDN,我总结知识的地方,喜欢的话请三连,有问题请私信 😘 😘 😘   大家好,又见面了,

    2024年01月17日
    浏览(48)
  • 微信开发者工具下载及小程序项目的创建与调试(完整图文教程)

    微信开发者工具下载及小程序项目的创建与调试(完整图文教程)

    每每有工具下载相关博客必有一句话:工欲善其事,必先利其器。 承接上文,本文将介绍微信开发者工具下载及小程序项目结构与工具的详细讲解,使得更容易能够在这个平台上创造出优秀的小程序产品。 前往开发者工具下载页面,根据自己的操作系统下载对应的安装包进行

    2024年04月11日
    浏览(62)
  • 【微信小程序】微信Web开发者工具下载及安装

    【微信小程序】微信Web开发者工具下载及安装

    🏆今日学习目标:微信Web开发者工具下载及安装 😃创作者:颜颜yan_ ✨个人主页:颜颜yan_的个人主页 ⏰预计时间:25分钟 🎉专栏系列:微信小程序开发 什么是微信小程序? 小程序是一种不需要下载安装即可使用的应用,它实现了应用“触手可及”的梦想,用户扫一扫或者

    2024年02月09日
    浏览(49)
  • 快速上手微信小程序(纯原生)基于微信开发者工具+云开发

    快速上手微信小程序(纯原生)基于微信开发者工具+云开发

    最近开发一个小程序。因为体量实在不大,两张表,几个接口。便打算写原生的代码。没有使用uniapp等框架。记录一下一个小程序从搭建到审核发布的那些坑和经验做为学习笔记。 几个网站请收藏 你的小程序需要开发工具: 保姆级传送门 你的小程序需要一个身份证: 微信公

    2024年02月10日
    浏览(85)
  • 微信小程序实现简单的点击切换功能(微信开发者工具)

    微信小程序实现简单的点击切换功能(微信开发者工具)

    📚文章目录 🔗首先创建一个简单的切换按钮📋 如图下  📋wxml代码  📋wxss代码 🔗但是这个元素是无法点击的,所以要添加一个点击事件到这两个元素里面  📋js代码(在page({})里面添加) 📋wxml代码  🔗class使用三元表达式来继续点击判断  🔗使用bindtap绑定事件  事件的

    2024年02月09日
    浏览(414)
  • 【HbuilderX+微信小程序开发者工具解决报错问题】

    【HbuilderX+微信小程序开发者工具解决报错问题】

    一定要正确的配置运行终端 包括 浏览器 、 小程序 安装路径等,还包括小程序的appid,并且要和申请的帐号匹配的登录才能正常的运行 进入微信公众平台https://mp.weixin.qq.com/登录 扫码确认 点击 首页-》配置服务-》开发设置 ,查询appId 如下图 问题描述 [微信小程序开发者工具

    2024年02月09日
    浏览(50)
  • 微信小程序逆向 小程序包使用unveilr工具解包后在开发者工具报[ WXML 文件编译错误] xxx.wxs Unexpected token `}`

    微信小程序逆向 小程序包使用unveilr工具解包后在开发者工具报[ WXML 文件编译错误] xxx.wxs Unexpected token `}`

    微信小程序逆向 使用解包工具后后在开发者工具报[ WXML 文件编译错误] xxx.wxs Unexpected token } 页面上则报编译.wxml文件错误… 解决方案: 很简单,因为是解包出来的,一般代码都是没有错的,我们只需要微信微信开发者工具中的资源管理器或者其他地方,找到这个文件,然后

    2024年02月08日
    浏览(46)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包