Reactjs 带有Next.js VsCode的子文件夹页面中的调试模式

我在使用Next.js的第一周，我正在尝试调试我的项目。调试在“Pages”文件夹中运行良好。现在，当我尝试调试“页面”中的子文件夹时，问题出现了。 调试器似乎不会在这些子文件夹中侦听，因为当我从chrome运行事件时，它不会对任何断点作出反应

这些是my package.json和my launch.json

  {
  "version": "0.1.0",
  "configurations": [
    {
      "type": "node",
      "request": "attach",
      "name": "Launch Program",
      "skipFiles": [
        "<node_internals>/**"
      ],
      "port": 9229,        
      "resolveSourceMapLocations": [
          "${workspaceFolder}/**",
          "!**/node_modules/**"
        ],
      }
    ]
  }

Package.json

...
"scripts": {
    
    "dev": "cross-env NODE_OPTIONS='--inspect' next",
    "build": "next build",
    "start": "next start"
  },
...

Launch.json

  {
  "version": "0.1.0",
  "configurations": [
    {
      "type": "node",
      "request": "attach",
      "name": "Launch Program",
      "skipFiles": [
        "<node_internals>/**"
      ],
      "port": 9229,        
      "resolveSourceMapLocations": [
          "${workspaceFolder}/**",
          "!**/node_modules/**"
        ],
      }
    ]
  }

{
“版本”：“0.1.0”，
“配置”：[
{
“类型”：“节点”，
“请求”：“附上”，
“名称”：“启动计划”，
“滑雪板”：[
"/**"
],
“港口”：9229，
“resolveSourceMapLocations”：[
“${workspaceFolder}/**”，
“！**/node\u模块/**”
],
}
]
}

我错过了什么

提前非常感谢！：）