Laya踩坑003_所谓的vsCode调试/f5调试

如题所述

第1个回答  2022-07-24
是的,我又来了,很明显,只黑不洗白。

今天喷的是“vscode调试/′f5调试”的功能,emm...妙就妙在“喷”字。

事实证明,这玩意暂时跑不起来。(可能是我太弱智,反正照着官方文档没能配起来。)

官方文档【VSCode中断点调试】

https://ldc2.layabox.com/doc/?nav=zh-ts-3-0-9#%E4%B8%89%E3%80%81VSCode%E4%B8%AD%E6%96%AD%E7%82%B9%E8%B0%83%E8%AF%95

1. 安装Debugger for Chrome插件,略过。

2. 调试环境安装好之后,也不能断点。因为还需要打开“sourceMap”功能。(官方文档: https://ldc2.layabox.com/doc/?nav=zh-ts-3-0-7

3. 看吧,看完是不是懵逼了?是不是找不到对应文件?

3-1. 文档没跟你说文件根目录在哪,其实就是按照项目根目录而已,小坑小坑,后面才刺激。

3-2. 官方文档第二步:修改 .laya/launch.json

找到"sourceMaps": false, 修改为 "sourceMaps": true,

这里不是.laya/launch.json,是.vscode/launch.json。又一个坑。

4. 官方文档第三步:修改 src/tsconfig.json

又找不到了吧?

文档提及到,需要“module模式TS项目(实验版 )”,实验版!!!哎嘿嘿~这是创建项目的时候就设置的。

这是我两个不同项目的对比图,只有这样才能找到tsconfig.json文件。

5. 你真棒~磕磕碰碰的,你还耐心的看到现在。

不过很遗憾的告诉你,跑不起来。当你配完,运行起来的时候:

提示找不到bin目录下的laya.js文件,至此我是没法找到这个文件哪来的。后面有空继续踩坑吧~

如果有大佬知道怎么操作,麻烦留个印。感激不尽~!
相似回答