美文网首页
解决VSCode中,debug模式下flutter打不起断点的问

解决VSCode中,debug模式下flutter打不起断点的问

作者: I_YoYo | 来源:发表于2021-11-16 10:06 被阅读0次

    主要问题是
    通过debug模式运行,.dart文件中写了debugger(); 或者通过编辑器设置了断点,断点未被拦截,或断点已被拦截,但未进入对应代码点(编译目标:web网页)。

    修改前(拦截不了情况):

    失败情况.png

    修改后:

    成功情况.png

    解决问题思路:
    1:新建一个demo项目,测试后,发现并无这样的问题。
    2:排查:把项目中的文件一点点拷贝进去,并运行。
    3:最后发现是,因为我们项目支持web端,所以在根目录的web/index.html里面的 <base href="/">配置造成的。所以

    开发的时候使用  <base href="/">
    发布的时候使用 <base href="/member-manager/">
    这里的member-manager改成自己部署服务器的对应文件名(和vue部署项目一样)
    
    
    web/index.html.png

    因为我们项目打包部署时,在项目外层多加了member-manager目录,所以这里必须增加该目录配置
    方便访问的时候直接这样访问 https://xxxx.com/member-manager
    但是开发的时候这句话某些情况下会影响断点调试(经过反复测试发现的,具体不知道什么情况),
    所以开的时候使用 <base href="/"> ,发布的时候改成自己的 <base href="/member-manager/"> 即可

    有什么错误欢迎批评指正 。

    相关文章

      网友评论

          本文标题:解决VSCode中,debug模式下flutter打不起断点的问

          本文链接:https://www.haomeiwen.com/subject/fyxhtrtx.html