vue中的main.js执行了两次，可能引起的原因是什么呢？

Question

打开浏览器控制台可以看到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

Answer 1

路由怎么配置的呢？