Node.js Fetch请求报错排查：Headers未定义及VSCode调试问题

1. 修复 Headers is not defined 错误 #

• 匹配node-fetch版本与导入方式：
  • 若使用node-fetch v3（ES模块）：先在package.json中添加"type": "module"，再用以下代码导入：

    import fetch, { Headers } from 'node-fetch';
    

  • 若使用node-fetch v2（CommonJS）：无需修改package.json，直接用require导入：

    const fetch = require('node-fetch');
    const Headers = fetch.Headers;
    

• 区分环境差异：浏览器中Headers是全局对象，但Node.js环境下必须从node-fetch显式导入，不要直接调用全局Headers。

2. 解决调试器异常问题 #

• 配置Node.js调试文件：
  在VSCode的.vscode/launch.json中添加或更新配置：

  {
    "version": "0.2.0",
    "configurations": [
      {
        "type": "node",
        "request": "launch",
        "name": "Launch Node Script",
        "program": "${file}",
        "console": "integratedTerminal"
      }
    ]
  }
  

• 选择正确调试目标：启动调试时，务必选择上述配置的Node.js调试项，不要误选浏览器调试（如Chrome）。
• 重启调试会话：关闭当前调试窗口后重新启动，清除调试器连接缓存。

3. 修复断点无法查看数据的问题 #

• 确保代码执行到断点：
  建议用async/await改写异步代码，让执行流程更清晰，避免断点被跳过：

  async function makeRequest() {
    const headers = new Headers();
    headers.append('Content-Type', 'application/json');
    try {
      const response = await fetch('你的API地址', {
        method: 'POST',
        headers: headers,
        body: JSON.stringify({ key: 'value' })
      });
      const data = await response.json();
      console.log(data); // 在此处添加断点
    } catch (error) {
      console.error(error);
    }
  }
  makeRequest();
  

• 先验证脚本可用性：在VSCode集成终端中运行node 你的脚本文件名.js，确认脚本能正常执行（无语法错误、请求可发送）后再进行调试。

内容的提问来源于stack exchange，提问作者Chaffe