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

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

解决方案如下:

点击新建运行配置

新建JavaScript Debug配置

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

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

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

相关推荐
zhensherlock4 小时前
Protocol Launcher 系列:Overcast 一键订阅播客
前端·javascript·typescript·node.js·自动化·github·js
|晴 天|6 小时前
实现草稿自动保存功能:5秒无操作自动保存
前端·vue.js·typescript
|晴 天|10 小时前
文章系列管理系统:拖拽排序与进度追踪
前端·vue.js·typescript
算是难了10 小时前
TypeORM vs Prisma
数据库·typescript·node.js
donecoding10 小时前
遗嘱、水管与抢救室:TS 切入 Go 的流程控制、接口与并发
javascript·typescript·go
kyriewen1111 小时前
代码写成一锅粥?这5种设计模式让你的项目“起死回生”
前端·javascript·设计模式·typescript·ecmascript·html5
donecoding11 小时前
对象模型与内存的“钥匙理论”:TS 切入的 Go 的结构体与指针
javascript·typescript·go
FrontAI1 天前
深入浅出 LangChain —— 第三章:模型抽象层
前端·人工智能·typescript·langchain·ai agent
凰轮1 天前
TypeScript 知识点总结
前端·javascript·typescript
|晴 天|1 天前
Element Plus 组件库实战技巧与踩坑记录
前端·javascript·vue.js·typescript