在VS Code中调试webpack.mix.js –未验证的断点

Question

我正在使用Laravel Mix来配置Webpack。我在mix.then()内设置了一个webpack.mix.js函数，我想使用VS Code进行调试。

webpack.mix.js中的代码被执行，但是我设置的任何断点都将标记为“未验证的断点”（“设置了断点但尚未绑定”）。调试任何webpack文件甚至webpack.config.js都可以正常工作。

这是我的启动配置：

{ "type": "node", "request": "launch", "name": "Debug webpack", "program": "${workspaceRoot}/node_modules/webpack/bin/webpack.js", "args": [ "--progress", "--hide-modules", "--config" , "${workspaceRoot}/node_modules/laravel-mix/setup/webpack.config.js", ], "env": { "NODE_ENV": "development", }, },

我不知道为什么webpack.mix.js中的代码被执行，但是我无法设置任何断点。任何帮助，不胜感激！

Answer 1

问题实际上与Laravel混合无关。我在VS Code工作区中有多个根文件夹，这在某种程度上阻止了正确的调试。将其修剪到仅一个根文件夹即可解决此问题。