使用uniapp写小程序，真机调试的时候不显示log

最新推荐文章于 2025-04-22 10:17:40 发布

weixin_52406641

最新推荐文章于 2025-04-22 10:17:40 发布

阅读量2.1k

点赞数 4

文章标签： uni-app 小程序

本文链接：https://blog.youkuaiyun.com/weixin_52406641/article/details/134445715

版权

文章讨论了在uniapp开发小程序时，遇到文件过大导致真机调试不显示log的问题。解决方法是启用运行时压缩代码功能，以确保调试器能正常显示打印结果。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

项目场景：

当小程序文件太大的情况下使用真机调试，但是真机调试的调试器没有任何反应

问题描述

使用uniapp写小程序，真机调试的时候不显示log

原因分析：

提示：因为真机调试的时候没有压缩文件，所以调试的时候文件大于2M，所以不显示任何打印结果

解决方案：

提示：在运行小程序的时候点击：运行时压缩代码，这样就可以了

在这里插入图片描述

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

weixin_52406641

关注关注

4
点赞
踩
3

收藏

觉得还不错? 一键收藏
1
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

uniapp(微信小程序/支付宝小程序) - 最新解决canavs绘制海报、二维码图片等不显示问题，在uniapp小程序开发中使用canavs制作base64图片在真机运行时空白不显示（详细解决方法）

高级前端工程师

04-08

4671

uni-app，微信小程序，支付宝小程序，uniapp小程序，canvas，base64，微信小程序中base64格式的小程序码通过canvas画出来无效，真机调试二维码不显示的问题。小程序base64编码图片无法使用canvas绘制，uni-app小程序 真机显示canvas上利用base64图片生成的海报，微信小程序中base64格式的小程序码通过canvas画出来无效，解决canvas base64图片在小程序真机不显示问题，无法使用canvas绘制的问题，微信小程序使用canvas真机不生效，微信小

uniapp开发：微信小程序使用drawImage绘制第二次时不生效？

**My Coding Family**

02-05

996

🏆本文收录于专栏，主要记录项目实战过程中所遇到的Bug或因后果及提供真实有效的解决方案，希望能够助你一臂之力，帮你早日登顶实现财富自由🚀；同时，欢迎大家！持续更新中，up！up！up！！

1 条评论您还未登录，请先登录后发表或查看评论

微信小程序真机调试时，consolelog无效

qq_57532926的博客

06-30

1553

不管手机上怎么点击，console控制台始终空白

Android真机调试不打印log

elibaxin的专栏

08-28

3510

Android开发过程中，有时候用真机调试时明明执行了log打印，但是控制台就是不输出，可能是因为手机的log打印功能未开启(log打印会影响手机性能，所以厂商一般默认都会关闭) 解决办法： 1、首要条件：开启开发者模式(关于手机，版本号处连续点击多次) 2、开启日志打印魅族手机：设置——辅助功能——开发者选项——性能优化——高级日志输出——全部允许华为手机：*#*#2846579#...

uniapp运行到安卓真机调试

热门推荐

qq_42961150的博客

10-26

1万+

本描述属于本人亲身经历，亲测有效。公司的APP从开发到维护都是我在负责，所以对遇到的问题都会一一记录下来。就在最近在修改一个功能的时候，运行app到手机上，突然发现hbuilderX的控制台不打印了，这肯定就没法进行调试，作为一名前端人员，你懂的。那么接下来我就简单说说我的解决思路：方案一：首先遇到问题的第一反应就是重新打开手机USB调试和选择USB配置为MTP（多媒体传输），之前我遇到这个问题的时候，确实这个办法有效果。所以大家在遇到的时候，可以先这样试一下。但是这次遇到的问题不是这个原因。方案二：

uniapp微信开发者工具效果正常，真机上显示不出效果

黎小小的博客

06-16

6883

如上图，我需要给页面加入两个icons，页面属于分包内页面，icons使用的uni-icons组件，微信开发者工具中显示效果一切正常，但是在真机上预览页面显示错乱，没有图标，其他数据也显示不出来。

uniapp真机调试时icon不显示已解决

weixin_61577921的博客

07-05

1209

打开uni_module-->uview-ui-->components-->u-icon-->-icon.vue。这里的src本来是网络路径离线情况下就无法加载所以要下载到本地引用一下就可以了。直接放到u-icon的文件夹下main就可以啦记得改完之后重新运行一下项目哦。

小程序字体真机失效解决

Grace的博客

09-29

2784

1、使用 uni.loadFontFace。2、真机字体失效修改 nginx 配置。uniapp 微信小程序字体加载。

uniapp - 微信小程序报错MiniProgramError Cannot read property ‘dataset‘ of undefined TypeError: Cannot read！

高级前端工程师

04-11

9420

uniapp，微信小程序，报错，MiniProgramError Cannot read property ‘dataset‘ of undefined TypeError:Cannot read property 'dataset'of undefined，MiniProgramError无法读取未定义类型的属性“dataset”错误：无法读取未明确定义的属性“dataset”，uniapp小程序版发布后提示错误，uniApp编译成小程序打包的时候发现编译不成功，小程序上传后不能正常调用接口，真机模拟发现

使用uniapp开发支付宝小程序时引入卡包插件

一路走一路看，一边哭一边笑

05-28

726

使用uniapp开发支付宝小程序时引入卡包插件。

微信小程序真机调试数据不显示

weixin_56733569的博客

12-21

6815

解决微信小程序连接本地服务器，真机调试数据不显示问题

uniApp项目在小程序开发工具无法真机调试提示没有appid问题解决

weixin_45966674的博客

03-01

1127

然后找到 manifest.json 左侧目录上找到如下图指向的微信小程序配置然后上面一个appid 如下图指向的位置 appid给它扔上去。我们用uni app创建的项目运行在开发者工具上当我们想真机调试时按钮是置灰的。首先你肯定要一个appid。不懂的可以查看我的文章。再次以开发者工具运行项目。预览和真机调试就可以用了。提示我们要appid。

console.log 无反应，不输出了

weixin_42617800的博客

02-27

1万+

1. F12 2. 点三个点 3. 4、恢复默认值并重新加载（具体原因不明，先解决了问题再说，没空解释）

uni-app vue angular 全局取消console.log

qq_36557846的博客

03-24

2202

main.js配置 //不显示console.log if (uni.getSystemInfoSync().platform !== "devtools") { console.log = () => {} }

关于HBuilder的uni-app项目真机调试无法打印日志解决方法

盛难晨

02-03

1万+

亲测有效点击转载文章

uniapp传递对象不打印日志

weixin_45085477的博客

12-05

1216

console.log(this.objthis);不打印，但是没有错误 uni.navigateTo({ url: '../auth/khd/makeorder?obj=' + encodeURIComponent(JSON.stringify(this.zhlist[0])) }) onLoad: function(option) { if (option.obj) { obj = JSON.parse(decodeURIComponent(option.obj

uniapp怎么使用小程序云开发

12-29

### 如何在 UniApp 中集成和使用微信小程序云开发服务 #### 配置环境与初始化项目为了使 UniApp 支持微信小程序云开发，需先安装最新版本的 HBuilderX 或者其他支持插件化扩展的 IDE，并创建一个新的 UniApp 项目。确保已下载并安装好微信开发者工具用于后续真机调试[^2]。 #### 开启云开发能力进入微信公众平台的小程序管理后台，在设置中的“开发设置”里找到“云开发”，点击开启按钮完成首次部署操作。这一步骤会自动生成默认数据库、存储空间及相关权限配置[^1]。 #### 安装依赖包通过命令行工具进入到项目的根目录下执行如下 npm 命令来添加必要的 SDK： ```bash npm install @cloudbase/framework --save ``` 此过程将会把 CloudBase Framework 添加到 package.json 文件之中以便于管理和更新[^3]。 #### 编写云函数代码按照官方文档指导新建 `cloudfunctions` 文件夹放置所有的 serverless 函数文件。下面是一个简单的例子展示怎样定义一个名为 `sendSms` 的云函数用来调用腾讯云 API 发送短信通知给指定手机号码: ```javascript // cloudfunctions/sendSms/index.js const cloud = require('wx-server-sdk') cloud.init({ env: cloud.DYNAMIC_CURRENT_ENV // 使用当前云环境 }) exports.main = async (event, context) => { try { const result = await cloud.callFunction({ name: 'tencent-sms', // 这里应该是实际存在的另一个负责具体业务逻辑处理的云函数名称 data: event.data, }) return { success: true, message: "发送成功", ...result } } catch (err) { console.error(err) return { success: false, errorMessage: err.message || JSON.stringify(err) } } } ``` #### 调用云函数最后，在前端页面或者其他合适的地方发起请求触发上述编写的服务器端方法。这里给出一段基于 Vue 组件生命周期钩子的方法作为示范: ```javascript import { ref, onMounted } from 'vue' export default { setup() { let smsResult = ref(null) function sendVerificationCode(phoneNumber) { uniCloud.callFunction({ name: 'sendSms', data: { phoneNumber }, }).then(res => { smsResult.value = res.result }).catch(err => { console.log(`Error occurred while sending SMS:${JSON.stringify(err)}`) }); } onMounted(() => { // 可在此处模拟自动发送验证码场景 setTimeout(() => { sendVerificationCode('+861xxxxxxxxxx') }, 1000); }) return { smsResult } } } ``` 以上就是整个流程的大致介绍，当然实际情况可能会更加复杂一些，比如还需要考虑安全性验证等问题。希望这些信息能够帮助理解如何在 UniApp 中利用微信小程序云开发特性构建高效的应用程序。