WebStorm Chrome调试失败

Mac环境,

WebStorm 调试JS时, 出现启动的Chrome无法自动打开URL, 手动输入也无法进行调试;

提示错误为,端口链接失败,错误提示如下:

Please ensure that the browser was started successfully with remote debugging port opened. Port cannot be opened if Chrome having the same User Data Directory is already launched.

多种尝试, 包括设置自定义的Chrome Custom User Data 都无法生效, 最后确定是Chrome版本已更新, 需要升级WebStorm才能支持, 升级完成后, 一切正常。

WebStorm 版本 2022.3.4 版本

Build #WS-223.8836.50, built on March 15, 2023

Chrome 版本

111.0.5563.64(正式版本) (arm64)

Mac OS版本: MacOS Ventura 13.2.1

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
WebStorm中进行断点调试Vue项目的步骤如下: 1. 首先,在WebStorm中打开你的Vue项目。 2. 在代码编辑器中选择你想要设置断点的位置,可以是Vue组件的某一行代码。 3. 在你选择的位置上点击鼠标右键,然后选择"Toggle Breakpoint"或者"Add Breakpoint",这样就在该位置设置了一个断点。 4. 接下来,你需要配置调试环境。点击WebStorm右上方的"Edit Configurations"按钮,在弹出的窗口中选择"Add New Configuration",然后选择"JavaScript Debug"。 5. 在配置窗口中,将"URL"设置为你的Vue项目的入口文件(通常是main.js或app.js)。 6. 设置"Browser"为你想要在哪个浏览器中进行调试。 7. 确保"Port"的数值与你在Vue项目中设置的调试端口数值相同。你可以在Vue项目的配置文件中找到调试端口的设置。 8. 点击"Apply"保存配置。 9. 现在,你可以点击WebStorm右上方的绿色"Debug"按钮来启动调试模式。WebStorm会自动打开调试控制台,并在你设置的断点处停止执行代码。 10. 在调试控制台中,你可以使用常见的调试功能,例如逐行执行代码、查看变量的值等等。 11. 当你调试结束后,可以点击调试控制台右上方的红色"Stop"按钮来停止调试模式。 这样,你就可以在WebStorm中使用断点调试调试Vue项目了。请注意,在配置调试环境时,确保端口设置正确,并且选择了正确的入口文件和浏览器。<span class="em">1</span><span class="em">2</span><span class="em">3</span> #### 引用[.reference_title] - *1* *2* [WebStorm打断点调试Vue项目--方法/实例](https://blog.csdn.net/feiying0canglang/article/details/121452651)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 50%"] - *3* [如何在webstorm下进行vue项目的断点调试](https://blog.csdn.net/weixin_29005819/article/details/109988307)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 50%"] [ .reference_list ]
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值