WebStorm调试Next.js项目时断点无法命中的问题求助

我一直在尝试给WebStorm里的Next.js项目配置调试器，但总达不到预期效果。Next.js和WebStorm的官方文档我都反复啃过好几遍了，可问题还是没解决。

问题详情： #

调试器的表现很奇怪——我设置了NPM运行/调试配置，但断点根本不会停在我指定的位置，反而莫名其妙停在了<main>标签上，完全不符合预期。

我用的是WebStorm创建Next.js项目时自动生成的默认NPM配置，后来也试过其他自定义配置，但要么直接跑不起来，要么还是出现同样的断点异常问题。

（附：调试器异常停在<main>标签的截图、WebStorm默认NPM调试配置截图）

我已经试过的解决办法： #

（附：尝试过的配置调整截图）

• 添加环境变量：NODE_ENV=development;NODE_OPTIONS=--inspect
• 换成Node.js调试配置来替代NPM配置
• 同时启动JavaScript/浏览器/实时编辑调试器配合使用
• 翻遍了网上的教程，也找ChatGPT问过解决方案，但都没效果

我的系统环境： #

• 操作系统：Manjaro Linux
• WebStorm安装方式：tar.gz压缩包手动安装
• 包管理器：pnpm（通过pacman安装）
• 开发语言：TypeScript
• 项目暂未启用App Router和Turbopack

有没有大佬知道该怎么正确配置WebStorm的调试器，让Next.js的断点能正常命中啊？真的太需要帮助了！

备注：内容来源于stack exchange，提问作者Sulejman