js文件错误中的多个vue实例答案

【问题标题】：Multiple vue instances inside js file errorjs文件错误中的多个vue实例
【发布时间】：2019-12-19 14:28:02
【问题描述】：

我在我的 app.js 文件中创建了多个 vue 实例，#app 实例用于我的管理端（管理面板），#roadmap 实例用于专门用于路线图组件的登录页面.它可以工作，但是当我检查控制台时，它会显示[Vue warn]: Cannot find element: #app。这是正确的方法吗？我错了吗？有什么问题。

app.js


const app = new Vue({
    el: '#app',
    router,
})


const roadmap = new Vue({
    el: '#roadmap',
    router
})

【问题讨论】：

这段代码运行时，文档中没有id="app" 可用的元素，因此 Vue 无法将自身绑定到根元素。
先生有什么办法可以解决这个错误吗？我应该忽略该错误，因为它有效吗？
我保证它不起作用。我当然不会在同一页面上运行两个可路由的 Vue 应用程序，因为只有一个位置需要监控。你的问题太笼统了，不能一概而论。您能否提供更多细节？
先生，我有一个网站的管理面板，它有自己的组件，比如添加新闻和一些东西，它有自己的 vue-routes 然后我有这个输出新闻和其他东西的登录页面我从管理面板创建的。我已经完成了管理面板，因此我尝试在登录页面中使用 vue，并使用登录页面的新组件从我的管理员输出内容。对不起我的英语:)

标签： laravel vue.js vue-component vue-router

【解决方案1】：

您可能错过了public/index.html 中的第二个div。

<div id="app"></div>
<div id="roadmap"></div>

【讨论】：