在WebStorm

Question

问题在于调试器不仅可以插入正确的源文件，还可以插入由Webpack自动生成的app.js文件。我该怎样阻止它这样做？

我有以下设置：

我使用vue-cli启动了Vue.js 2应用。我的调试配置如下所示：

我还将此行添加到"webpack.dev.conf.js"; devtool: "source-map"，

我还将app.js文件添加到调试器配置中的异常中：

我使用npm run dev命令启动服务器，然后从WebStorm启动调试会话。问题仍然存在。有什么想法吗？

Answer 1

请检查以下两点：

1. 将devtool配置更改为值'eval-source-map'或'#eval-source-map'（我不知道添加'＃'符号或不添加'＃'符号之间的区别，但是我经过测试的两者都可以按预期工作）在有效的Webpack配置文件中。

2. 添加调试配置与您的步骤相同。当您从WebStorm单击该调试配置时，系统将自动弹出一个窗口（Google Chrome或Firefox），请确保仅在此页面上进行调试，只有此页面中触发的操作才与WebStorm编辑器同步。这个非常重要！

它现在可以在我的开发环境中使用。

Answer 2

使用devtool: 'eval-source-map'代替