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

news/2024/5/6 8:35:48

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

点击新建运行配置

在这里插入图片描述

新建JavaScript Debug配置

在这里插入图片描述

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

在这里插入图片描述

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

在这里插入图片描述

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


http://www.mrgr.cn/p/11474880

相关文章

蓝桥杯管道

一开始拿到这道题没有什么头绪。综合各路大佬题解,一下子豁然开朗。 题眼:每一段感受器都感受到水的最早时间。由于整个管道,分为多个段,每个段都有一个感受器。所以题眼翻译为:覆盖满整条管道,所需要的最短…

数据结构(学习笔记)王道

一、绪论 1.1 数据结构的基本概念 数据:是信息的载体,是描述客观事物属性的数、字符以及所有输入到计算机中并被计算机程序识别和处理的符号的集合。(计算机程序加工的原料)数据元素:数据的基本单位,由若干…

Python GUI开发- PyQt5 开发小工具环境入门

前言 常见的python开发gui的库有 Tkinter, PyQt5, wxPython等。本教程是选择PyQt5 开发桌面小工具。 环境准备 只需pip安装即可快速准备好开发环境 pip install pyqt5快速开始 创建一个空的window窗口 Qapplication():每个GUI都必须包含一个Qapplication,argv表示获取命令行…

CentOS 7.9.2007 中Docker使用GPU

一、安装nvidia驱动 1.1,查看显卡驱动 # 查看显卡型号 lspci | grep -i nvidia 1.2,进入 PCI devices ,输入上一步查询到的 2204 1.3,进入 官方驱动 | NVIDIA,查询 Geforce RTX 3090 驱动并下载 1.4,禁用…

QFD赋能人工智能:打造智能化需求分析与优化新纪元

在科技飞速发展的今天,人工智能(AI)已经渗透到我们生活的方方面面。然而,如何让AI更加贴合用户需求,提供更加精准和个性化的服务?这成为了一个亟待解决的问题。质量功能展开(Quality Function Deployment,简…

kubernetes安装ingress-nginx

下载安装文件 首先,需要匹配Ingress-nginx版本和kubernetes版本。 在https://github.com/kubernetes/ingress-nginx可以找到,如下图所示: 这里一定要选择kubernetes对应的ingress-nginx版本 要不会报一些奇怪的错误! 博主k8s版本…

oracle连接数据库报错ORA-12541:TNS:无监听程序

最近闲来无事修改了电脑的用户名,本来以为不会影响什么,后来发现oracle数据库连接不上了,报错如下图:查看服务发现确实停止了,启动也启动不起来了搜索Net Manager查看配置, 发现配置里面是我修改前的电脑名,才发现问题所在,随后我又把电脑名称改回来了数据库才能正常连…

Pandas 2.2 中文官方教程和指南(二十二)

原文:pandas.pydata.org/docs/时间增量原文:pandas.pydata.org/docs/user_guide/timedeltas.html时间增量是时间之间的差异,以不同的单位表示,例如天、小时、分钟、秒。它们可以是正数也可以是负数。 Timedelta是datetime.timedelta的子类,并且行为类似,但也允许与np.tim…

钉钉OA审批评论接口,如何@ 人并发送通知

钉钉OA审批评论接口,如何 人并发送通 问题描述: 相关接口:https://oapi.dingtalk.com/topapi/process/instance/comment/add 我希望在钉钉oa审批流程中,添加评论的同时通过“”或者其他方式提醒流程发起人去跟进审批工作。 但我…

Pandas 2.2 中文官方教程和指南(二)

原文:pandas.pydata.org/docs/如何在 pandas 中创建图表?原文:pandas.pydata.org/docs/getting_started/intro_tutorials/04_plotting.htmlIn [1]: import pandas as pdIn [2]: import matplotlib.pyplot as plt 本教程使用的数据:空气质量数据 本教程使用关于(NO_2)的空气…

ROS轻松入门(一)—— 基本概念:node节点、topic通信、service通信

node节点 ROS 中的每个节点都应该负责单一的、模块化的目的,例如控制车轮马达或发布来自激光测距仪的传感器数据。每个节点都可以通过主题、服务、操作或参数从其他节点发送和接收数据。 一个完整的机器人系统由许多协同工作的节点组成。在 ROS 2 中,单…

数据库之数据库恢复技术思维导图+大纲笔记

大纲笔记: 事务的基本概念 事务 定义 用户定义的一个数据库操作系列,这些操作要么全做,要么全不做,是一个不可分割的基本单位 语句 BEGIN TRANSACTION 开始 COMMIT 提交,提交事务的所有操作 ROLLBACK 回滚&#xff0c…

什么是敏捷发布规划

敏捷发布规划基于项目路线图和产品发展愿景,提供了高度概括的发布进度时间轴(通常是 3 到 6个月)。同时,敏捷发布规划还确定了发布的迭代或冲刺次数,使产品负责人和团队能够决定需要开发的内容,并基于业务目标、依赖关系和障碍因素确定达到产品放行所需的时间。 对客户而…

李沐57_长短期记忆网络LSTM——自学笔记

LSTM 1.忘记门:将值朝着0减少 2.输入门:决定不是忽略掉输入数据 3.输出门:决定是不是使用隐状态 !pip install --upgrade d2l0.17.5 #d2l需要更新首先加载时光机器数据集。 import torch from torch import nn from d2l import torch a…

GaussDB SQL查询语句执行过程解析

今天我们就从GaussDB SQL引擎入手,了解一下GaussDB SQL 查询语句的执行过程,包括GaussDB SQL引擎原理和关键技术点。本文分享自华为云社区《【GaussTech第2期】GaussDB SQL查询语句执行过程解析》,作者: GaussDB 数据库。SQL于关系型数据库而言,重要性不言而喻。就像一个乐…

P3667 Bovine Genomics Hash+二分题解

P3667 Bovine Genomics Hash+二分题解砂金听说了你在学字符串,于是在CLOI里出了道题给你P3667 Bovine Genomics 题链:洛谷 hzoi提高 \(hash\)基础题。 思路是二分答案,\(check\)中比较每一个区间字串的\(hash\)值是否相等。 比较的时候可以用\(set\)或\(map\)。 \(set\)的好…

使用SSH从公网服务器简易使用内网任意机器服务,比如从外部下载代码

如果有一个台外部的机器waibu-host, 位于阿里云, 腾讯云, 亚马逊, azure云等等; 假设你想从这个waibu-host上访问公司任意服务,下载代码, 访问http服务,等等, 或者你机器上的服务, 不需要额外工具, 只要ssh 反向就可以实现;借个图, 如下: 举个例子, 如果你想从公司内部通过gi…

泰山派RK3566学习记录

一.烧录环境1.rkdeveloptool SPL烧录命令格式 For with SPL: rkdeveloptool db rkxx_loader_vx.xx.bin rkdeveloptool gpt parameter_gpt.txt rkdeveloptool db rkxx_loader_vx.xx.bin rkdeveloptool wl 0x40 idbloader.img rkdeveloptool wl 0x4000 u-boot.itb rkdeveloptool …

倾斜摄影三维模型数据在立面出图应用分析

三维工厂K3DMaker是一款三维模型浏览、分析、轻量化、顶层合并构建、几何校正、格式转换、调色裁切等功能专业处理软件。可以进行三维模型的网格简化、纹理压缩、层级优化等操作,从而实现三维模型轻量化。轻量化压缩比大,模型轻量化效率高,自动化处理能力高;采用多种算法对…

CIO都应该知道的供应商协同平台是这样的!

供应商协同指的是在供应链管理中,企业与其供应商之间建立的一种紧密的合作关系。这种合作关系超越了传统的买卖关系,通过供应商协同平台,实现信息共享、流程对接和共同规划,提升效率。 供应商协同的主要特点包括: 1、信息共享:供应商和企业之间共享关键信息,如库存水平、…