首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

为什么nodejs调试器在npm配置下运行时会忽略断点?

Node.js调试器在npm配置下运行时会忽略断点的原因是由于npm在运行脚本时会使用node命令来执行脚本,而不是直接使用node命令来启动调试器。这导致调试器无法正确地识别和处理断点。

为了解决这个问题,可以使用--inspect参数来启动Node.js脚本,并指定调试器监听的端口。具体步骤如下:

  1. package.json文件中的scripts字段中,将要调试的脚本命令修改为node --inspect=端口号 文件名.js。例如:"start": "node --inspect=9229 app.js"
  2. 打开终端,进入项目根目录,运行npm start命令来启动脚本。
  3. 打开Chrome浏览器,输入chrome://inspect并回车。
  4. 在页面中的"Devices"部分,点击"Open dedicated DevTools for Node"链接。
  5. 在打开的DevTools窗口中,点击左上角的绿色小箭头,即可设置断点并开始调试。

这样,通过使用--inspect参数启动Node.js脚本,并在Chrome浏览器中使用DevTools进行调试,就可以正常地识别和处理断点了。

推荐的腾讯云相关产品:腾讯云云服务器(ECS)和腾讯云函数(SCF)。

  • 腾讯云云服务器(ECS):提供可扩展的计算能力,适用于各种规模的应用程序和工作负载。了解更多信息,请访问腾讯云云服务器(ECS)产品介绍
  • 腾讯云函数(SCF):无需管理服务器即可运行代码的事件驱动计算服务。适用于处理短时且频繁的任务,如数据处理、消息推送、微服务等。了解更多信息,请访问腾讯云函数(SCF)产品介绍
页面内容是否对你有帮助?
有帮助
没帮助

相关·内容

【调试】258- 前端调试各种收集-断点

只要找到源码,脚本代码显示区域左边的数字上添加断点即可,之后只要代码运行断点处,开发工具就会进入调试状态。 注意:有的数字行是灰色的,就是不可断点。...技巧2:如下图,Filesystem添加文件夹到工作路径,选择之后会有提示,点击接受。如果你的谷歌浏览器没有这玩意,请升级版本,还是没有的话,请忽略这段话。...断点方式二 这种方式很粗暴,需要调试的地方加debugger关键字,代码运行到的时候会自动停下,进入调试模式。...文件组件你想调试的行的断点,通过命令npm start、npm dev或者npm serve其中一个命令(具体是哪一个可以查看package.json的scripts节点)运行项目。...远程调试Chrome 附加浏览器的方式,不同于上一种,修改代码后要刷新页面才能重新断点调试 待更新 断点方式四 这种方式归为调试nodejs,可以调试webpack配置,或者后端运行的node实例。

2.3K30

快应用开发教程【01】--环境与调试

3、手机安装调试器 为了方便调试程序,提供了调试器,这是一个Android应用程序,主要包含以下功能: 扫码安装:配置HTTP服务器地址,下载rpk包,并唤起平台运行rpk包 本地安装:选择手机文件系统中的...2、安装依赖 项目根目录下,运行如下命令安装模块到node_modules目录 npm install ? 依赖安装时间时间还是比较久,截图只记录了一部分。...3、编译项目 手动编译项目 项目的根目录下,运行如下命令进行编译打包,生成rpk包 npm run build ?...首先在项目根目录下执行如下命令,启动HTTP调试服务器: npm run server 此时会生成二维码,如图: ? 使用快应用调试器扫码二维码即可安装我们之前生成的快应用。...需要保证手机和电脑同一个无限环境运行示例效果如下: ? 此时电脑会同步显示如下调试界面: ? 撒花??? 到这里我们的快应用入门教程就结束啦,敬请期待后续系列文章

1.4K30

VsCode 各场景高级调试技巧,有用!

image.png 按F5运行查看调试结果 image.png 表达式条件断点 条件断点是表达式结果为true时才会进行断点,步骤如下: 代码行左侧右击,也可以添加断点,此处选择添加条件断点...这在调试一行中包含多个语句的缩小代码时特别有用。比如for循环,短路运算符等一行代码包含多个表达式时会特别有用。...为了支持调试 Ts 与正在执行的 Js 代码相结合,VS Code 依赖于调试器的source map Ts 源代码和正在运行的 Js 之间进行映射,所以需要需要开启sourceMap选项。...,此时会弹出一个下拉菜单 监视改变并实时编译 image.png image.png 如下图所示,会实时编译 补充知识点:tasks配置文件的创建方式 方法1:点击终端 -> 配置任务 -> 选择任务可以生成对应的...,主要node版本需要12及以上,node10会安装报错 npm i -g yo generator-code 复制代码 运行yo code创建命令,选择要生成的项目模板。

1.1K20

分享 10 多条超有用的 VsCode 各场景高级调试技巧

image.png 按F5运行查看调试结果 image.png 表达式条件断点 条件断点是表达式结果为true时才会进行断点,步骤如下: 代码行左侧右击,也可以添加断点,此处选择添加条件断点...这在调试一行中包含多个语句的缩小代码时特别有用。比如for循环,短路运算符等一行代码包含多个表达式时会特别有用。...为了支持调试 Ts 与正在执行的 Js 代码相结合,VS Code 依赖于调试器的source map Ts 源代码和正在运行的 Js 之间进行映射,所以需要需要开启sourceMap选项。...,此时会弹出一个下拉菜单 监视改变并实时编译 image.png image.png 如下图所示,会实时编译 补充知识点:tasks配置文件的创建方式 方法1:点击终端 -> 配置任务 -> 选择任务可以生成对应的...,主要node版本需要12及以上,node10会安装报错 npm i -g yo generator-code 复制代码 运行yo code创建命令,选择要生成的项目模板。

1.6K40

关于 Node.js 调试,你需要了解的一切

例如: 尝试将某个值除以零; 访问目前已不存在的数组项或数据库记录; 不具备适当访问权限的情况,尝试写入文件; 不正确的异步函数实现会引发“内存溢出”崩溃。...您可以定义任意数量的断点,或向代码中添加调试器语句,这些语句会在调试器开始运行时停止处理。... Chrome 中设置日志点 日志点为 console.log(),不涉及任何代码!执行此代码时会输出一条表达式,但与断点不同的是,处理过程不会暂停。...本地系统上运行 Node.js 应用时无需任何配置。...类似,我们可以右键单击任意行来添加: 标准断点 指定条件停止程序的条件断点,例如 x>3 计算花括号中表达式的日志点,例如 URL:{ reg.url } 关于更多信息,请参阅 VS Code 中调试

29120

用后台开发的逻辑理念学习VUE

安装Nodejs参考:【Windows下学习NodejsNpm和VUE】 Vue是一个前端框架,安装了Nodejs后,可以使用Npm命令直接下载vue。...然后我们通过CMD命令跳转到项目目录【cd/d F:\Nodejs2\my-project】,然后运行npm install,进行初始化。...npm install 最后,我们再输入命令npm run dev,得到窗体如下: ? 然后打开浏览器,输入http://localhost:8080,vue项目运行成功,如下图: ?...注:vue自带了一个类似server.js的配置,所以运行npm run dev命令后,会启动一个服务器。 学习项目 通过VisualStudioCode将新建的项目打开。...可以看到我们把路由视图(router-view)配置了一个div中,并且还放在了一个H2面,这样,我们的这个H2标签就永远会在路由视图上面了。

61810

Node.js npm基础安装配置&创建第一个VUE项目

因为默认情况NPM安装的模块并不会安装到NodeJS的程序目录。...这就是为什么要修改npm配置的原因。。因为博主电脑就一个盘了,只能安装到C盘,给大家演示安装C盘自定义路径。...(其他盘方法同)我打算把这两个路径换到安装nodejs的目录,C:\nodejsC:\nodejs新建两个文件夹node_globalnode_cache§ 这两个文件夹是全局模块目录和缓存目录图片然后运行以下...第四步、查看配置文件 (安装可忽略)输入命令 npm config list 显示所有配置信息,会生成一个配置文件生成的配置文件路径 C:\Users\Administrator.npmrc图片使用文本编辑器编辑它...,可以看到刚才的配置信息(只是让你看到修改,so安装可忽略这一步)图片第五步、安装npm安装npm : npm install npm -g图片默认的模块C:\nodejs\node_modules 目录

2.7K20

使用 Chrome Devtools 调试您的 Node.js 程序

设置断点 Source 选项卡,找到 app.js 这是我们测试脚本的入口文件,如果是执行的 --inspect-brk 标志,默认会停留在代码第一行处。...**Tips:**当前程序运行断点第 6 行,鼠标移动到 req.url 上之后会看到该属性对应的值。 ?...如果要允许远程调试链接,建议是使用 SSL 隧道的方式,假设我们的服务运行在服务器 debug.nodejs.red 上,首先启动服务,和上面的方式一样。...$ ssh -L 9221:localhost:9229 user@debug.nodejs.red Chrome DevTools 调试器的 Connection 中增加链接 默认情况,Connection...只有一个 localhost:9229,添加 1 个 localhost:9221 之后我们就可以向本地运行 Node.js 程序一样进行调试。

2.7K10

VS Code 调试完全攻略(6):调试由 TypeScript 开发的 React

这是一个简单、可靠而且高效的设置,只需最少的配置。本文将向你展示如何在 VS Code 中创建匹配的调试器。 ? VS Code 调试完全攻略系列目录 ?...程序启动时获取文章列表,然后单击标题时从服务器获取所选文章的正文。 配置调试器 我们希望调试时能够 VS Code 中设置断点、启动调试浏览器、以及逐步调试获取初始列表和后续的远程请求。...没有这个设置,VS Code 会无法将源中的断点位置映射到运行时代码: ?...使用 React + TypeScript 调试器 确保 dev 服务器正在运行,然后启动调试浏览器: ?...添加两个断点:一个 fetchBody 函数内部,另一个 useEffect hook 中: ? break point 现在,我们可以重新启动调试器(而不是服务器!)

4.4K20

【黄啊码】windows安装vue环境

npm: Nodejs的包管理器。 webpack: 它主要的用途是通过CommonJS的语法把所有浏览器端需要发布的静态资源做相应的准备,比如资源的合并和打包。...(帮你快速开始一个vue的项目,也就是给你一套vue的结构,包含基础的依赖库,只需要 npm install就可以安装npm) 开始: 安装nodes.js 安装node.js时会连同npm、vue...可以在其官网下载node.js(https://nodejs.org/zh-cn/)推荐下载LTS版,下载下来的是一个mis安装包,直接双击运行即可, 选择安装路径,安装时最好不要安装在系统盘:...-d, --default 忽略提示符并使用默认预设选项 -i, --inlinePreset 忽略提示符并使用内联的 JSON...字符串预设选项 -m, --packageManager 安装依赖时使用指定的 npm 客户端 -r, --registry 安装依赖时使用指定的

22810

调试 node.js 程序

调试 node.js 程序 程序开发中,如何快速的查找定位问题是一项非常重要的基本功。实际开发过程中,或多或少都会遇到程序出现问题导致无法正常运行的情况,因此,调试代码就变成了一项无法避免的工作。...这里简单介绍如何调试 node.js 程序。 使用 console.log Node 提供了全局的 console 对象,该对象可以输出格式化的字符串。...注意: Node 中,如果向进程的输出流中写入数据是一种阻塞操作,写入记录时会阻塞事件循坏。因此,实际项目中应避免使用 console.log。...使用 debugger 调试器 使用 console.log 检查变量虽然简单易用,但它也有很糟糕的一面,复杂程序中很难定位和发现问题,程序输出冗长,阻塞事件循环等。...可以通过命令程序第一行设置断点: node --inspect-brk index.js 调试器提示信息如下: Debugger listening on ws://127.0.0.1:9229/def735ed

2.9K20

VS Code 调试完全攻略(5):基于浏览器的 React 应用

顺便说一,还有一个为 Firefox? 准备的插件 每个调试器 type 都有其特定的配置,所以请试着用 VS Code 随附的便捷自动完成功能。...另一种可能性是 attach 到已经运行的调试服务器,这在当前的配置是不可能的。最后,当你停止调试会话时,VS Code 会负责关闭 Chrome。...首先,你可以用 npm start 控制台中启动开发服务器,顺便说一,这也可以 VS Code 中完成。 ? 启动脚本 接下来,从调试侧边栏中或通过按 F5 键启动调试浏览器: ?...启动浏览器 像往常一样向代码添加断点: ? 断点 然后调试浏览器中与网站进行交互,但是这次启用了调试功能?让我们来看看在示例程序中成功的 fetch 是什么样子的: ?...在这种情况,要做的设置大致如下: 启动开发服务器 通过配置你的 launch.json 调试浏览器中打开应用 源代码中设置断点 当你需要反复检查同一属性时,可以设置监视表达式 用 step 命令检查代码流

2.1K20

基于 Node.js 环境的 KotlinJs 工程的完美搭建

为什么需要这样一篇文章 我们知道 Kotlin 对 Jvm 的支持实在是太好了,以至于我们创建一个 Java 工程,配置 Kotlin 的编译插件和标准库就可以很轻松愉快的开始玩耍,什么互调用、什么单步调试都没有毛病...为什么呢?因为我们需要 IDE 支持 Gradle,所以 WebStorm 就不行啦。 接着,你需要在 IU 中安装 NodeJS 插件,如图: ?...我们要配置它为 commonjs 或者 umd, gradle 最后填以下配置: compileKotlin2Js { kotlinOptions.moduleKind = 'commonjs...kotlin frontend 这个插件会帮我们把 gradle 中配置的依赖也一并通过 npm 安装,它还可以 gradle 当中为 npm 配置依赖: kotlinFrontend { npm...$result") } log(2) } 运行结果如下: ? 单步调试无需任何特殊配置,直接打断点,点 debug 运行的按钮即可: ? ?

1.3K20

Quikapp快应用小程序开发入门教程

否则报一错误 报错 第三步:安装依赖 npm install 第四步:运行服务 npm run server image.png 还是失败,新出的东西官网还不是很完善,后面应该不会出现,这里花了几分钟找到了原因...安装 然后 npm run server 开发者可以通过命令行终端或者调试服务器主页看到提供* 扫描的二维码 开发者通过快应用调试器扫码安装按钮,扫码安装待调试的rpk文件 开发者点击快应用调试器中的开始调试按钮...,开始调试 给大家解释目录说明 ├── sign rpk包签名模块 │ └── debug 调试环境 │ ├── certificate.pem 证书文件 │ └── private.pem 私钥文件...,配置应用图标、页面路由等 └── package.json 定义项目需要的各种模块及配置信息 大家像小程序一样,在这上面开发就好了。...Quikapp快应用基于Nodejs内建一个本地服务器运行代码、语言JavaScript,语法支持ES6,如果熟悉vue\weex一类的MVVM框架,基本可以直接入手。

72420
领券