艺灵设计

全部文章
×

微信小程序从入坑到放弃三十三:当LocalHistory遇上微信小程序开发者工具,坑你我们是认真的!

作者:艺灵设计 - 来源:http://www.yilingsj.com - 发布时间:2020-06-25 21:59:12 - 阅: - 评:0 - 积分:0

摘要:Local History是Vscode编辑器中的一款插件,主要功能就是将修改过的文件自动备份到本地,当我们操作不当导致数据丢失时,可以从.history这个文件夹中恢复数据。插件是个好插件,就是跟微信小程序开发者工具配合使用时,小程序总是有点儿不正经......

今天是一年一度的端午佳节,祝各位看官端午安康!

一、写在最前

如果看官在开发微信小程序项目时有幸看到开发者工具中提示:Error in File: ./.history/xxx的错误时,建议看下这篇文章。

二、bug复现

准备工作:
1、Vscode编辑器;
2、在Vscode安装Local History插件;
3、微信小程序开发者工具;
4、在微信小程序开发者工具中创建一个本地项目;

准备工作已经完成了,接下来我们使用Vscode开发微信小程序项目。什么意思呢?就是:在Vscode中写代码,在微信小程序开发者工具中看效果。这不是必须,直接在微信开发者工具中写代码也是可以的哈。通常情况下,开发者写代码时偶尔性手抖导致代码出错是很正常的事情,这个时候就极有可能导致微信开发者工具中报错,即使你已经修改正确了!如图:微信开发者工具中报history文件的错误.png微信开发者工具中报history文件的错误

有必要说明一下:可能有些看官开发微信小程序项目时跟艺灵使用的是同样的开发模式,但有的看官会经常性出现这种报错,而有的看官却极少或者不曾出现这种报错。至于原因,艺灵我也不知道为什么[:笑哭]

三、解决方案

3.1、在微信官方社区中提问至今无解答

今年1月份,艺灵曾在微信开放社区平台中提问了此问题,然后并没有任何回复。详情见原帖地→→Local History插件跟微信小程序开发者工具不兼容?

既然官方无人回复,只好自己解决问题了。

3.2、法一(不推荐):手动删除.history文件并完全清缓存

这个方法不推荐,但之前艺灵却实是这样操作的。步骤如下:
1、进入当前项目根目录下的.history文件夹,删除刚修改的文件;
2、此时并不能解决问题,还要点击“清缓存”按钮,建议从上到下依次点击清除!
3、点击开发者工具中的“编译”按钮重新编译。

当我们删除了.history文件夹中错误的文件和清空缓存后,此时微信小程序开发者工具就不报错了。

3.3、法二(推荐):修改Local History的配置文件

对于法一,艺灵用了好久,最后实在受不了了,所以就想有没有其他的方法解决此问题。然而搜遍了网络也没有发现相关的解答,很是无奈。

两个星期前,艺灵我又碰到了这个问题。当时冷静了一会儿,心想:既然Local History是插件,那应该会提供一些配置参数吧

随即打开插件发现真有配置参数,当时还小激动了一番!

该插件提供了一个"local-history.path":的参数,一看就是修改history文件路径的。当时艺灵天真的以为:.history文件夹不在项目根目录就能解决问题,然而事实却打脸了!如图:修改history文件为非根目录时仍能检测到.png修改history文件为非根目录时仍能检测到

看来微信小程序开发者工具会深层级查找.history这个目录,那怎么办呢?既然放在项目内不行,那放在项目外会如何呢?

然后艺灵又尝试修改了 "local-history.path": "D:\\demo-node\\xiaochengxu",清除所有缓存后,这下开发者工具中报本身的错误。此时我们再修改正确后,开发者工具会恢复正常。视频演示如下:微信开发者工具中缓存的坑.mp4微信开发者工具中缓存的坑(友情提示:点击上面的图片即可播放视频)

四、demo源码

这篇文章没啥代码,主要是配置文件的写法。已上传到了github上的dev-localHistory-20200625 分支中。如果看官需要研究源码,可以点击下面的链接进行访问并下载。

  1. 网址: 戳我前往github查看源码
转载声明:
  若亲想转载本文到其它平台,请务必保留本文出处!
本文链接:/xwzj/2020-06-25/weixin-local-history.html

若亲不想直保留地址,含蓄保留也行。艺灵不想再看到有人拿我的技术文章到他的地盘或者是其它平台做教(装)程(B)而不留下我的痕迹。文章你可以随便转载,随便修改,但请尊重艺灵的劳动成果!谢谢理解。

亲,扫个码支持一下艺灵呗~
如果您觉得本文的内容对您有所帮助,您可以用支付宝打赏下艺灵哦!

Tag: 微信小程序 开发者工具 小程序教程 Vscode LocalHistory github

上一篇: 微信小程序从入坑到放弃三十二:兼容ios且自动增高的底部评论框   下一篇: 一张设计图让我对history.back()和href跳转有了新的认知

评论区