【解决NodeJS项目无法在IDEA中调试的问题】使用JetBrains IDEA 2023 调试nodejs项目

项目采用Ant Design Pro + React,使用前后端分离开发方式,后端可以很容易的打断点调试,但是前端通过网页进行调试,在IDEA中加了调试断点,但是没有什么用处。

解决方案如下:

点击新建运行配置

新建JavaScript Debug配置

设置运行的浏览器和前端访问地址

然后以Debug方式运行该配置,即可跳到源代码断点处。

注意:一定要在JavaScript Debug打开的浏览器窗口里调试,不要自己新建,新建的窗口断点仍然不生效!!!!!!!

相关推荐
Highcharts.js11 小时前
Highcharts React v4 迁移指南(下):分步代码示例与常见问题解决
javascript·react.js·typescript·react·highcharts·代码示例·v4迁移
求知若饥14 小时前
webpage-channel 让不同页面通信像组件通信一样简便
前端·typescript·node.js
紫_龙15 小时前
最新版vue3+TypeScript开发入门到实战教程之Vue3详解props
前端·vue.js·typescript
孟陬15 小时前
为什么国外技术大神都爱自己搭博客,而国内程序员却挤在微信公众号或掘金?
java·typescript·前端框架
糯米团子74917 小时前
下载文件的详细讲解
typescript
北寻北爱17 小时前
TypeScript知识点汇总及相关面试题
typescript
晓131318 小时前
第三章 TypeScript 高级类型
前端·javascript·typescript
晓131319 小时前
第四章 TypeScript 类型声明文件与 React 运用
前端·react.js·typescript
~欲买桂花同载酒~20 小时前
项目安装- React + TypeScript
前端·react.js·typescript
ssshooter20 小时前
infer,TS 类型系统的手术刀
前端·面试·typescript