前段时期,微信开发者工具,在开发微信小程序时提供了typescript语言的支持,这确实是一个很大的进步。
现象:
真机测试无法生成二维码,提示下图这样的报错。
分析:
从上面报错,基本上可定位是typescript编译出错。这时在微信源码工具里面有时是不太容易找出哪个ts源码文件代码有问题。
观察配置,微信开发者工具编译tsc,,实际是用自定义处理配置方式插入typescript的编译。
如下图:
里面关键是这句“npm run tsc”, 对node.js比较熟悉的朋友一下子就明白,这是运行配置在package.json文件里面名为"tsc"的脚本。
再编辑器打开package.json
看到这儿,其实现在已经有本文前面问题的解决方法
解决方法1:,
直接在命令行直接运行npm run tsc, 然后可以看出编译typescript时报错的详细信息。
解决方法2:
使用vscode来编译,查错,然后修改。 就我个人的开发习惯,各种语言的开发或者是编写文档,都是喜欢用vscode协助。
1,用vscode打开源码工程目录(tsconfig.json所在目录)
2,vscode菜单“终端”->"运行生成任务..."-> 然后看个人VSCODE使用习惯,选择“tsc 监视” 或"tsc 构建“ 均可。
3,在VSCODE的相应终端窗口可看到具体哪些ts源码哪处出错。鼠标点击可跳转相应代码行。
总结:
从前面分析知,微信开发者工具在加入typescript支持时,并没有对typescript使用什么黑科技,只是堂堂正正的在编译或预览前触发运行tsc编译器。
从这样看,我们在微信小程序开发上可以减少一些疑惑,尽可能放心的使用typescript。 (当然,仍可能会遇上其它一些问题,比如配置tsconfig.json不当引发的问题等)