AgoodDeveloper 2024-08-08 14:32 采纳率: 0%
浏览 48

uniapp+vue3 app开发真机调试 调试器问题

uniapp+vue3 app开发真机调试,调试器内没有source
打的自定义基座包,传统正式包,打包时选择了sourcemap,但是使用hbuildx自带的uni/uvue调试,调试器内的source没有文件,即使文件中有debugger也进入不了。

img

console中的文件路径点击跳转的时候会报错。Failed to load URL uni-app:///App.vue with error ERR_UNKNOWN_URL_SCHEME (-302).

img

也有增加配置文件vue.config.js 但是没有效果

module.exports = {  
    // ...  
    productionSourceMap: true,//这个不生效  
    configureWebpack: config => {  
        config.devtool = 'source-map'  
    }  
}

如何解决处理?非常感谢

  • 写回答

1条回答 默认 最新

  • 一直免费一直爽 2024-08-11 22:24
    关注

    以下回复参考:皆我百晓生券券喵儿等免费微信小程序作答:

    要解决这个问题,首先确认在构建过程中是否正确地配置了源码映射(Sourcemap)。这通常通过在webpack配置中设置devtool属性来完成。此外,确保vue.config.js文件中包含了正确的配置。

    以下是可能的问题点及其解决方法:

    问题一:调试器未显示source

    • 确认devtool属性已被正确设置为source-map
    • 在Vue项目中,可以尝试更新依赖到最新版本以确保兼容性。
    • 检查并修复vue.config.js文件中的错误。

    问题二:调试器内无source

    • 确保源码映射(Sourcemap)已正确配置。在vue.config.js中添加productionSourceMap: true;
    • 如果使用的是Babel编译工具,检查是否有任何错误提示,因为Babel可能会导致一些问题。

    问题三:调试器无法加载特定页面

    • 确保页面被正确引入到工作空间,并且是可执行的。
    • 检查浏览器开发者控制台是否有相关错误消息,以便定位具体问题。
    • 确保页面文件名与页面名称匹配,如uni-app:///App.vue

    示例代码

    如果你正在使用Vue CLI进行开发,那么你需要将Vue项目的根目录指定到src目录中,然后使用命令行启动开发服务器。例如,创建一个名为index.html的文件并在其中加入如下代码:

    <!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <title>Vue App</title>
        <!-- 引入Vue -->
        <script src="./node_modules/vue/dist/vue.js"></script>
    </head>
    <body>
        <div id="app"></div>
        <script src="./index.js"></script>
    </body>
    </html>
    

    这样,当运行npm run serveyarn serve时,就会启动一个本地开发服务器,你可以在此环境中测试你的应用程序。

    希望以上建议能帮助您解决问题!如果您还有其他疑问,请随时提问。

    评论 编辑记录

报告相同问题?

问题事件

  • 创建了问题 8月8日