微信开发者工具编译崩溃

微信开发者工具：v1.06.2206222

Taro: v3.4.7

node: v14.16.0

6 月份刚刚复工之际，就迎来一个”好消息”，微信 ide 预览编译时总会崩溃。

在我刚遇到这种情况时第一反应就是不会是公司改造的 taro 框架有毒吧，转念一想，若真是公共框架出现问题不应该没有人反映，这也太尴尬了。二话不说开始重拉代码，也不行；重启系统，也不行；重新安装最新的微信 ide，还是不行。

粗暴努力无果后，问了下同事的情况，发现居然有几个人和我是同样的情况。emmm，这样的话，首选可以排除不是我的锅(嘻嘻)。

测试一直催着要开发码，没办法只能精细化的 debug 了。

首先根据预览时二维码窗口的编译进程可以锁定到最终出现问题的文件，当我找到这个文件时发现竟然是 wxss 文件，这有点出乎我的预料，以为是某个 js 文件里某段代码抛出异常，不过 wxss 就更容易确定问题所在了。

囫囵通读一遍貌似没有什么问题，那么就开始粗暴的二分法吧，我一个选中拖拽直接注释掉下半部分代码，继续编译试试，经过 3-4 次范围的缩小，最终大致能确定是哪些个样式类出现的问题，针对这些样式再仔细阅读。

被我发现有几个 class 的背景图片引入链接写的都很奇怪，链接中包含 /*/，这些链接在浏览器中浏览是会自动跳转的一个新的图片地址所以可以正常打开，于是我将这些浏览器中跳转的新链接赋值到现在的背景图片中，编译等待…

tmd 果然是这里的问题，猜测是图片链接的 /*/ 在编译时识别为注释，导致预览失败。附上一条当时的链接 http://webresource.c-ctrip.com/ares/fncmobilewallet/fncmobilewallet/*/default/webcat/wc_icon02.png，浏览器中打开后地址会变成正常可用的链接 http://pic.c-ctrip.com/picaresonline/fncmobilewallet/fncmobilewallet/webcat/wc_icon02.c4c7f9fa.png

不愧是我