请教一下调试配置文件如何写

26 天前
 Tsssss

项目是使用 npx degit dcloudio/uni-preset-vue#vite-ts vue-uniapp-template 创建的,在 vscode 中配置了 launch.json 文件进行 h5 页面调试,但是断点一直打不上

{
    "version": "0.2.0",
    "configurations": [
        {
            "type": "chrome",
            "request": "launch",
            "name": "Launch Chrome against localhost",
            "url": "http://localhost:5173",
            "webRoot": "${workspaceFolder}",
        }
    ]
}

在 script 中打的断点都是灰的,请问如何配置?

1000 次点击
所在节点    Visual Studio Code
7 条回复
Akuta
26 天前
网页项目在代码里写 debugger 或者打开 devtools 打断点就行
l864494871
26 天前
‘sourceMapPathOverrides’:{
‘webpack:///src/*’: ‘${workspaceFolder}/src/*’
}
映射 sourceMap 酌情替换
Tsssss
26 天前
@l864494871 映射完后很奇怪,App.vue 里可以打上断点,其他 pages 里面的页面只有顶部的<template>可有打上断点,script 里面打不上,devtools 里也打不上
l864494871
26 天前
@Tsssss 我有时候重新 run 一下就好了,我也不知道咋回事
zhuisui
26 天前
大概是运行时生成的代码吧
lisxour
26 天前
@Tsssss 前端的断点是这么神经的,项目结构越复杂,越容易会这样,搞麻了
Tsssss
26 天前
@zhuisui 应该是这个原因了

这是一个专为移动设备优化的页面(即为了让你能够在 Google 搜索结果里秒开这个页面),如果你希望参与 V2EX 社区的讨论,你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://tanronggui.xyz/t/1100649

V2EX 是创意工作者们的社区,是一个分享自己正在做的有趣事物、交流想法,可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX