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

已于 2024-04-23 10:18:30 修改
阅读量816 收藏 1
点赞数 4
分类专栏： React Typescript JavaScript 文章标签： intellij idea typescript
于 2024-04-23 10:04:21 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/u011159582/article/details/138110102
版权
Typescript 同时被 3 个专栏收录
3 篇文章 0 订阅
订阅专栏
JavaScript
3 篇文章 0 订阅
订阅专栏
React
2 篇文章 0 订阅
订阅专栏
文章讲述了在使用AntDesignPro和React进行前后端分离开发时，如何在IDEA中正确设置JavaScriptDebug配置以实现前端代码的断点调试，强调了必须在JavaScriptDebug配置的浏览器窗口内进行调试的重要性。
摘要由CSDN通过智能技术生成

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

点击新建运行配置

在这里插入图片描述

新建JavaScript Debug配置

在这里插入图片描述

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

在这里插入图片描述

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

在这里插入图片描述

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

宅斗士2017
关注
  • 4
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 3
    评论
专栏目录
idea_nodejs.zip
03-23
在这个"idea_nodejs.zip"压缩包中，包含的是关于IntelliJ IDEA的中文使用教程以及Node.js的官方文档中文版，这对于想要学习或提升在这些领域技能的开发者来说是非常宝贵的资源。 首先，我们来看《IntelliJ IDEA ...
nodejs的调试debug
程序那些事
01-27 9348
对于开发者来说，在开发应用程序的过程中，往往为了开发方便和解决bug需要借助于编程语言的调试功能。一般来说我们需要借助于强大IDE的调试功能来完成这项工作。nodejs也不例外。 今天我们来详细介绍一下如何调试nodejs程序。
在IDEA中配置node.js
weixin_49651585的博客
10-18 7807
2.将下载好的msi文件移到自己喜欢的文件夹中，点击安装(一路next下去，其中路径可以修改)6.勾选Coding assistance...并选择当前需要运行js的文件目录，最后点击OK。3.安装完成后，在cmd窗口用node -v来检测是否成功，出现版本号即成功。5.重启IDEA后，按以下步骤找到Node interpreter更改路径。4.打开IDEA，按以下步骤下载node.js插件。7.测试是否能直接运行js，终端出结果即完成配置。1.下载node.js。
Idea运行前端项目--配置node
最新发布
weixin_52153645的博客
06-09 1469
右键dev或serve-->Edit 'dev' Settings
nodejs环境配置
followwwind的博客
10-17 670
环境配置 说明：这里的环境配置主要配置的是npm安装的全局模块所在的路径，以及缓存cache的路径，之所以要配置，是因为以后在执行类似：npm install express [-g] （后面的可选参数-g，g代表global全局安装的意思）的安装语句时，会将安装的模块安装到【C:\Users\用户名\AppData\Roaming\npm】路径中，占C盘空间。 例如：我希望将全模块所在路径和
[Node.js]如何在IDEA中配置Node.js
weixin_66896881的博客
12-19 2万+
选择节点解释器（在安装的Node.js里找到相应的node.exe）此时IDEA会自动找到相应的软件包管理器（npm.cmd）
IDEA中配置运行node.js
热门推荐
m0_56602092的博客
02-24 5万+
idea中支持运行很多种编程语言，只需要在电脑中安装好对应的语言环境，然后在idea的setting->plugins中下载安装对应的语言插件，最后再在setting->languages&frameworks中找到对应语言然后配置好已安装的语言编译器路径即可。 例如node.js 1.在电脑中安装node.js 这个很简单，直接去官网下载安装：https://nodejs.org/zh-cn/ 安装完成后用node --verison命令检查，显示了版本号就说明安装成功了。 2.在i
idea里安装nodejs
qq_53378054的博客
03-19 1978
idea里安装nodejs
安装node.js及idea配置运行vue项目
欢迎来到技术之旅的温馨驿站。让我们一同书写代码之美，分享技术之路的点滴。
09-17 8874
一、下载node.js，搭建环境 1、可去官网下载（https://nodejs.org/zh-cn/） 下载后是.msi格式的文件 2、双击安装，一直下一步即可。 3、查看是否安装成功 以管理员运行cmd，输入“node -v”、“npm -v”，查看node和npm的版本号，如下图显示则安装成功。 注：npm包管理器是集成在node中的 二、安装cnpm（以管理员运行cmd状态下） 在命令行中输入 npm install -g cnpm --registry=http:/..
nodejs+idea+centos复合安装包.rar
04-17
在使用"nodejs+idea+centos复合安装包"时，开发者可以首先在CentOS系统上解压安装包，然后根据提供的说明文档（如果有的话）安装和配置Node.js和IntelliJ IDEA。安装完成后，IntelliJ IDEA可以直接在CentOS上运行，...
mysql+idea+nodejs复合安装包.rar
04-17
MySQL、IntelliJ IDEA与Node.js是三种不同的但相互关联的开发工具，它们在软件开发领域都有着重要的作用，尤其在Web开发中扮演着核心角色。MySQL是世界上最流行的开源关系型数据库管理系统，IntelliJ IDEA是Java开发...
nodeJS.zipidea插件
02-13
Node.js IDEA插件是专为IntelliJ IDEA设计的，旨在提升开发者在Idea中编写、调试和管理Node.js应用的效率。这个插件提供了许多有用的功能，如： 1. **语法高亮和代码补全**：自动完成JavaScript和Node.js API，使...
generator-sls：Lambda无服务器项目的Yeoman生成器
02-05
发电机无服务器 Lambda Serverless项目的Yeoman生成器 要求 选择的语言（Go 1.11，Python 2.7 +，NodeJS 6 + 、.... 文书>> V1.8.5 发电机安装 您将需要 ： ... 它将提示您配置项目时需要回答的一些问题。 在
在idea中创建nodejs环境运行调试js代码文件
JLU_zhujjie的博客
08-17 3468
前端基础部分，使用idea写简单的js代码
IDEA运行前端vue项目，安装nodejs,以及配置
weixin_45958839的博客
11-09 3850
在【系统变量】下新建【NODE_PATH】，输入【D:\Program File\nodejs\node_modules】，将【用户变量】下的【Path】修改为【D:\Software\nodejs\nodejspath\node_global】3.选择其他盘符如D盘或者是E盘目录下创建NodeDevelop文件夹，再在【NodeDevelop】下分别创建【node_cache】和【node_global】 --- 这个问题注意一下，否则后续会遇到报错问题。2.然后下一步 下一步 傻瓜式安装。
IDEA中Node.js环境下npm报错Error:0308010C:digital envelope routines:unsupported
Sherry
06-14 4666
Node.js 是一个基于 Chrome V8 引擎的 JavaScript 运行环境。 Node.js 是一个开源的、跨平台的 JavaScript 运行时环境。Node.js 使用了一个事件驱动、非阻塞式 I/O 的模型，使其轻量又高效。Node.js 的包管理器 npm,是目前最流行的Node.js 的包管理器。
node.js在idea里运行
m0_68231587的博客
04-26 1913
在 Node.js 中，你可以使用多种构建工具来编写、打包和运行 Node.js 应用程序，其中包括 Node.js 自带的构建工具，如。Node.js 应用程序可以在多种操作系统和设备上运行，并且它是开源的，这使得开发人员可以在任何地方访问并使用它的代码和库。因此，无论是在 IntelliJ IDEA 中还是在其他构建工具中运行 Node.js 应用程序，它们都是由 Node.js 构建的。，也可以使用其他的构建工具，如 Gulp、Grunt、Webpack 等。
IDEA debug断点调试技巧
a805814077的博客
03-19 3935
本文详细的介绍了idea中debug的使用方法
IDEA创建Node.JS工程
书香水墨
03-02 4655
一、安装NodeJS插件 默认安装好了IDEA，在IDEA的file -> setting ->Plugins,在插件列表中搜索nodejs,将看到NodeJS插件，点击下载，重启。 二、创建NodeJS工程 在new project中就多出一项node.js ![](https://img-blog.csdnimg.cn/b31e817748284bfea688800e61d4310e.png?x-oss-process=image/watermark,type_d3F5LXplbm
nodejs项目中怎么使用ajax
05-14
在 node.js 中，你可以使用第三方模块来发送 AJAX 请求。例如，你可以使用 `axios` 模块来发送 AJAX 请求。 首先，你需要安装 `axios` 模块。可以在终端中执行以下命令来安装： ``` npm install axios ``` 然后，在你的代码中引入 `axios` 模块并使用它发送 AJAX 请求。以下是一个使用 `axios` 模块发送 GET 请求的示例： ```javascript const axios = require('axios'); axios.get('https://jsonplaceholder.typicode.com/posts') .then(response => { console.log(response.data); }) .catch(error => { console.log(error); }); ``` 在上面的示例中，我们使用了 `axios.get` 方法来发送 GET 请求并获取响应数据。当请求成功时，`then` 方法被调用并打印响应数据。当请求失败时，`catch` 方法被调用并打印错误信息。
评论 3
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值