uni-app App平台调试时 debug sources没有文件

uni-app App平台调试时 debug sources没有文件

操作步骤：

预期结果：

  • sources正常显示，能进行断点

实际结果：

  • sources不显示文件

bug描述：

uniApp开发app的时候，使用断点调试，但是在sources中找不到文件。
安装官方给的文档进行操作的，但是还是看不到文件。
官方文档地址：https://uniapp.dcloud.net.cn/tutorial/debug/debug-app.html

官方示例图：
https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/csdndebug-log.png

我的操作图：


更多关于uni-app App平台调试时 debug sources没有文件的实战教程也可以访问 https://www.itying.com/category-93-b0.html

4 回复

俺也一样

更多关于uni-app App平台调试时 debug sources没有文件的实战教程也可以访问 https://www.itying.com/category-93-b0.html


俺也一样

解决了嘛

在使用 uni-app 开发应用时，如果你在调试过程中发现 debug sources 中没有文件，可能是由于以下几个原因导致的。你可以逐一排查并尝试解决：

1. 未正确生成 Source Map

  • 原因：debug sources 中的文件依赖于 Source Map 文件，如果 Source Map 未正确生成或配置，调试时可能无法看到源码。
  • 解决方法：
    • 确保项目中正确生成了 Source Map 文件。在 vue.config.js 或 manifest.json 中，检查是否启用了 Source Map。
    • 对于 HBuilderX 用户，可以在项目配置中检查是否开启了 sourceMap：
      {
  "app-plus": {
    "devtool": "source-map"
  }
}
    • 对于 Vue CLI 用户，可以在 vue.config.js 中配置：
      module.exports = {
  configureWebpack: {
    devtool: 'source-map'
  }
}
回到顶部