无法在 VSCode 中调试 Next.JS 应用程序（服务器端）（遵循官方调试指南，使用官方入门模板）

Question

我正在尝试使用 VSCode 的调试器调试 Next.JS 应用程序的服务器端代码，但我无法获取任何要绑定的断点。使用 chrome 的开发工具（通过 chrome://inspect）进行调试以附加到调试器，其行为符合预期。

重现步骤：

1. 使用npx create-next-app@latest nextjs-blog --use-npm --example "https://github.com/vercel/next-learn/tree/master/basics/learn-starter"（按照https://nextjs.org/learn/basics/create-nextjs-app/setup中的说明）生成 Next.JS 应用程序。
2. 按照https://nextjs.org/docs/advanced-features/debugging#debugging-with-vs-codelaunch.json中所述创建
3. Next.js: debug server-side在 VSCode 中运行调试任务
4. 在eg中设置一个断点pages/index.js（我在组件内的return语句上设置了我的断点Home）。
5. 访问主页

预期行为：

• VSCode 绑定断点（显示为红色实心圆圈）
• 加载主页时，应命断点

实际行为：

• VSCode警告断点无法绑定（见截图1）
• 加载主页时，未命断点

附加信息：我尝试在launch.json. 手动运行后启动它npm run dev给了我更多信息 - VSCode 给出了有关正在发生的事情的更多提示 - 请参阅屏幕截图 2 和 3。这是附加条目：

{
  "name": "Attach",
  "port": 9229,
  "request": "attach",
  "skipFiles": ["<node_internals>/**"],
  "type": "node"
}

我错过了某些步骤吗？好像源映射无法正常工作或其他什么？

系统信息

• Next.JS 版本 13.1.6
• VSCode 版本 1.75.0
• 节点版本：18.7.0
• 操作系统：Linux

其他问题

关于使用 VSCode 调试 Next.JS 服务器端代码还有其他几个问题，但它们现在已经很老了，并且早于我在重现步骤中遵循的官方 Next.JS 文档，因此我不确定是否相关他们是：

• 无法使用可视代码调试 Next.js 应用程序
• 使用 vscode 调试器调试 next.js

Answer 1

这个问题似乎已在最新版本的 Next（撰写本文时为 13.4.19）中得到解决。