相关疑难解决方法(0)

我想不再使用console.log，而是更频繁地使用Chrome开发者调试工具。我发现了这个不错的方法：如何停止使用console.log（）并开始使用浏览器的调试器进行常规调试（设置断点，逐行执行等）。

但是，当我尝试在现实生活中使用它时-意味着要在我正在研究的vue（nuxt）应用程序中使用它-我无法使其正常工作。

我所有的文件都组合成更复杂的javascript文件，无法调试。

然后，我找到了这篇文章： 在Chrome中调试.vue组件， 我认为这可以为您解决这个问题，但是不幸的是，我不知道该怎么办。

我添加了这个：

configureWebpack: {
  devtool: 'source-map'
},

到我的nuxt.config.js

但是我在调​​试器中看不到所有.js文件的任何源映射。如果可以找到我编写的每个vue组件，每个商店文件以及其他实用程序文件的所有js文件，那就太好了。我不确定这是否可能，但是我想必须有一种方法可以在调试器工具中找到我的Javascript代码进行实际调试。还是我错了？

我使用vue-cli 3.0.0-rc.3生成了一个应用

现在，我想使用Visual Studio Code（Chrome调试器）进行调试，但是似乎找不到打开sourceMaps的选项。

我在VSCode中设置了断点，但是没有命中。如果我在vue.config.js中指定：“ sourceMaps：true”，则会收到错误消息“ vue.config.js中的选项无效：不允许” sourceMaps“”

需要设置什么选项才能使调试工作？