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

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

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

失败情况.png

修改后:

成功情况.png

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

开发的时候使用  
发布的时候使用 
这里的member-manager改成自己部署服务器的对应文件名(和vue部署项目一样)

web/index.html.png

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

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

你可能感兴趣的:(解决VSCode中,debug模式下flutter打不起断点的问题。)