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

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

回答:

路由怎么配置的呢?

回答:

你打断点了?还是开启了debugger?

回答:

你好,你的这个问题解决了么?
我们也出现了这个问题,使用相同的模板另一个项目却没有问题。

暂无评论

发表评论

您的电子邮箱地址不会被公开。 必填项已用*标注