TYPESCRIPT微信小程序,真机测试无法生成二维码问题(typescript编译失败)的分析解决
发布于 5 年前 作者 ofu 1145 次浏览 来自 分享

前段时期,微信开发者工具,在开发微信小程序时提供了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不当引发的问题等)

1 回复
回到顶部