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

【问题标题】：Debugging webpack.mix.js in VS Code – unverified breakpoint在 VS Code 中调试 webpack.mix.js - 未验证的断点
【发布时间】：2019-05-20 10:31:13
【问题描述】：

我正在使用Laravel Mix 来配置 webpack。我在webpack.mix.js 中设置了一个mix.then() 函数，我想使用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 中的代码会被执行，但我无法设置任何断点。非常感谢任何帮助！

【问题讨论】：

标签： node.js debugging webpack visual-studio-code laravel-mix

【解决方案1】：

这个问题实际上与 Laravel 混合无关。我的 VS Code 工作区中有 多个根文件夹，这以某种方式阻止了正确的调试。将其缩减为仅一个根文件夹即可解决此问题。

【讨论】：