重现步骤
我有从引导的应用程序vue-cli with a webpack模板。我在 Chrome 上运行它65.0.3325.146但它也存在于64.X.XXX版本。
我在这里添加：package.json: https://gist.github.com/marcinlesek/a7e6076ce4befe2e810743fdbaf81480 https://gist.github.com/marcinlesek/a7e6076ce4befe2e810743fdbaf81480
webpack.base.conf.js: https://gist.github.com/marcinlesek/80cbf27b6ef4172248709f32c257d0cd https://gist.github.com/marcinlesek/80cbf27b6ef4172248709f32c257d0cd
预期是什么？
该应用程序应该可以在 Chrome 浏览器中正常运行，并且我应该能够在 Chrome 开发工具中禁用/更改样式。
到底发生了什么？
当我通过 Chrome 更改样式时dev tools它破坏了页面看起来像纯 HTML 的所有样式（在更改或禁用一个属性后），没有任何样式代码行。全新的开发工具设置和 Chrome 重新安装没有帮助。在 Firefox 上有一点棘手58.0.2一切正常。
我的同事也遇到了这个问题，所以它让我相信这不是我本地的错误，而是 Vue 方面更大的问题。还可以找到一些有关此错误的问题，例如当我使用 Webpack HMR 在 Chrome DevTools 中更改样式时，页面样式会损坏 https://stackoverflow.com/questions/48407862/page-styles-break-when-i-change-styles-in-chrome-devtools-with-webpack-hmr
提前致谢。
此致，
马尔辛
我找到另一个解决方案。感谢@munstrocity关于改变的回答cheap-module-eval-source-map to eval-source-map。不幸的是，这个改变没有为我解决我的风格在 Chrome 开发工具中，但给了我一个很好的检查点。
过了一会儿我发现，情况发生了变化cacheBusting: true, to false in config/index.js帮助解决这个问题，现在可以在 Chrome 开发工具中更改样式。
// file: config/index.js
...
// If you have problems debugging vue-files in devtools,
// set this to false - it *may* help
// https://vue-loader.vuejs.org/en/options.html#cachebusting
cacheBusting: false,
...
希望这对任何人都有帮助！ :)
本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系:hwhale#tublm.com(使用前将#替换为@)
