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

主要问题是
通过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/"> 即可

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

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容