微信小程序接入 Eslint 后在开发者工具中的报错显示及落地方案

2024-07-12
来源:网络整理

背景

小程序项目接入后,就打算在群内推广,然后有同事问了我一个问题:微信开发者工具能看见报错吗?这确实是个好问题,对于习惯使用微信开发者工具的同事来说,确实需要考虑这一点(我习惯了工具开发,然后装插件很方便,所以就没有仔细考虑)。

实施计划

微信开发者工具->设置->扩展设置->编辑器设置->安装&&,安装完记得重启微信开发者工具。

进入测试

如果不符合规则,开发者工具就会变灰,鼠标移到上面也支持错误提示和快速修复,不过好像没有红色波浪线错误,显得不是那么直观。

检查微信开发者工具中集成的版本仍为v2.1.6。

经过对比发现,效果的差异是因为版本不同造成的:v2.1.16版本中没有出现波浪线&问题的地方,没有问题;而新版本v2.2.2中出现了波浪线&问题,可以实时看到问题原因。

疑问:官方能支持开发者手动升级插件版本吗?(例如:如果这个demo能支持手动升级到v2.2.2的话应该可以更好的优化错误提示)

小程序开发工具与版本_开发版版本_开发工具下载

官方的:

相关文件:

不过我在测试的时候并没有看到官方的截图,微信开发者工具测试版本是:1.05。

问题解决方案:

> 坚持官方功能,肯定有解决办法,果然在一博找到了解决办法。

我就卡在这步了,找遍了所有地方都没找到下面这张图的出处(估计是版本问题,这里就不细说了,试试其他方法)

分享