本文主要是介绍vue-cli3脚手架build后在浏览器控制台打断点显示变量undefined的解决方法，希望对大家解决编程问题提供一定的参考价值，需要的开发者们随着小编来一起学习吧！
使用vue-cli3脚手架build代码放进java项目里后，在浏览器控制台打断点，会发现变量显示undefined，没法得知变量的值。
解决办法：
在vue.config.js文件中的configureWebpack里加入
devtool:'cheap-eval-source-map'加入后为这样
build代码后打开控制台使用Ctrl+O打开指定名称的vue文件，会发现同名的好几个文件，区别只有问号后的四位字符不一样，如图：
找到其中一个开头像这样的文件
这篇关于vue-cli3脚手架build后在浏览器控制台打断点显示变量undefined的解决方法的文章就介绍到这儿，希望我们推荐的文章对编程师们有所帮助！
