打开浏览器控制台可以看到main.js中的那个打印其中一个是在VM27677 main.js文件中(详见下图),但这个以VM开头的文件最开始控制台显示就是main.js,后来闪了一下就变成以VM开头的了。过了一会下面的那个main.js中的打印就出现了,这是什么原因造成的呢,按说不应该出现那个以VM开头的那个打印啊。特别说明一下,没有使用路由
main.js中的代码如下:
import Vue from 'vue'
import App from './App.vue'
console.log('main js')
new Vue({
render: h => h(App),
}).$mount('#app')
App.vue中的代码如下:
<template>
<div id="app"></div>
</template>
<script>
export default {
name: 'app',
mounted() {
console.log('app mounted')
}
}
</script>
最后控制台打印如下:这里也需要特别说明一下,当光标放到那个以VM开头的文件上时显示的路径是 debugger:///VM40624 main.js:30。当光标放到正常的那个文件名上时显示的是 webpack:///main.js:30
路由怎么配置的呢?
###你打断点了?还是开启了debugger?
###你好,你的这个问题解决了么?
我们也出现了这个问题,使用相同的模板另一个项目却没有问题。