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

[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 中打的断点都是灰的，请问如何配置？

[Akuta]

网页项目在代码里写 debugger 或者打开 devtools 打断点就行

[l864494871]

‘sourceMapPathOverrides’:{
‘webpack:///src/*’: ‘${workspaceFolder}/src/*’
}
映射 sourceMap 酌情替换

[Tsssss]

@l864494871 映射完后很奇怪，App.vue 里可以打上断点，其他 pages 里面的页面只有顶部的<template>可有打上断点，script 里面打不上，devtools 里也打不上

[l864494871]

@Tsssss 我有时候重新 run 一下就好了，我也不知道咋回事

[zhuisui]

大概是运行时生成的代码吧

[lisxour]

@Tsssss 前端的断点是这么神经的，项目结构越复杂，越容易会这样，搞麻了

[Tsssss]

@zhuisui 应该是这个原因了