修改Vue 2默认根组件时遭遇[Vue warn]: Cannot find element: #test错误求助

报错原因：你在main.js里通过$mount('#test')指定Vue实例的挂载目标，但这个#test是写在TestMe.vue的template中的。Vue实例初始化挂载时，组件还未渲染，根本找不到这个DOM元素——Vue实例必须挂载到index.html中已存在的DOM节点上。

方案一：添加对应挂载目标到index.html #

找到项目根目录下的public/index.html，在<body>标签内新增id为test的容器：

<body>
  <div id="test"></div>
</body>

修改后Vue实例初始化时就能找到该元素，随后会将TestMe组件渲染到这个容器内。

方案二：复用默认挂载目标（更简便） #

Vue CLI创建的项目默认在index.html中已包含<div id="app"></div>，直接修改main.js的挂载目标为#app即可，组件内的id可保留或修改（不影响功能）：

import Vue from 'vue'
import TestMe from './TestMe.vue'

Vue.config.productionTip = false

new Vue({
  render: h => h(TestMe),
}).$mount('#app')

内容的提问来源于stack exchange，提问作者ftouh yaham