如何使用Visual Studio代码调试器调试react-next-starterkit？

Question

问题：我所有的断点都未经验证。

链接到项目，我正在尝试使用VSC调试器进行调试：reaction-next-starterkit。

它正在docker容器中运行。

我知道如何通过将调试器附加到调试端口来调试运行docker容器的应用程序。

使用docker-compose up命令运行应用程序时，yarn dev会运行。

在package.json中，我将该脚本修改为以下内容。

// before
"dev": "NODE_ENV=development ./src/server.js",
// after
"dev": "NODE_ENV=development node --inspect=0.0.0.0:9239 ./src/server.js",

我添加了一个launch.json VSC配置文件：

// launch.json
{
  "version": "0.2.0",
  "configurations": [
    {
      "name": "Attach to node Process",
      "type": "node",
      "request": "attach",
      "port": 9239,
      "address": "0.0.0.0",
      "localRoot": "${workspaceFolder}",
      "remoteRoot": "/usr/local/src/reaction-app",
    }
  ]
}

启动调试器时，我连接到正在运行的进程，并且在调试控制台中看到console.logs等，但是我的所有断点都未经验证并且不会触发。

使用上述配置，我希望断点会停止执行。

在本地项目（express，docker）上使用与上面类似的配置，断点正在工作。

我相信问题可能是由于更复杂的docker配置（具有节点用户等）或next.js所致。