问题描述
项目是通过官方提供的 uni-preset-vue#vite-ts 预设模版搭建的 H5 网页项目,目前断点在游览器上源码映射失败只能停留在最上层,并且无法指定代码行数。
问题截图
期待结果
尝试配置 tsconfig.json 添加了如下配置,不能解决。希望各位朋友能帮忙定位到问题。
"sourceMap": true,
"inlineSourceMap": false,
"noEmit": true, 项目是通过官方提供的 uni-preset-vue#vite-ts 预设模版搭建的 H5 网页项目,目前断点在游览器上源码映射失败只能停留在最上层,并且无法指定代码行数。
尝试配置 tsconfig.json 添加了如下配置,不能解决。希望各位朋友能帮忙定位到问题。
"sourceMap": true,
"inlineSourceMap": false,
"noEmit": true, Ask小助手 - Ask社区AI助手
该问题请在专业群( uni-app 官方技术交流群 1 ) 咨询,群中有相关专业的管理员和群友。
您的问题在于H5项目的sourcemap配置不完整。作为uniapp开发工程师,我建议:
检查vite.config.js配置:Vue3项目需在vite.config.js中显式开启sourcemap,而非仅配置tsconfig.json:
export default defineConfig({
build: {
sourcemap: true, // 必须添加此配置
},
plugins: [uni()],
})
确认构建选项:在HBuilderX中"发行->网站"时,务必勾选"生成sourceMap"选项(正式版4.87+位置在发行菜单底部)
调试注意事项:
验证步骤:
参考文档:H5调试指南 和 sourceMap生成说明
若仍无法解决,请提供HBuilderX具体版本号及构建命令截图,以便进一步排查。