前端使用的vue1.0+vue-router1.0,项目启动后,通过在地址栏输入url访问页面,第一遍加载的时候正常,但是第二遍加载就提示【vue.js:1141 [Vue warn]: Cannot find element: #app】,页面加载不进来,这个错误出现后,输入另外的url页面也提示该错误,需要关闭页面重新访问才行。
问题总结:一个页面只能加载一次,加载第二次就报错,错误信息【vue.js:1141 [Vue warn]: Cannot find element: #app】。请大神指引一个方向,非常感谢!!!
以下是路由的代码:
// Vue.config.debug = false; //Vue.use(VueRouter); // var router = new VueRouter(); var router = new VueRouter({ hashbang: true, history: false, //html5模式 去掉锚点 saveScrollPosition: false //记住页面的滚动位置 html5模式适用 }); router.map({ '/': { component: forkliftList }, '/forklift/forkliftAdd.html': { component: forkliftAdd }, '/forklift/forkliftList.html': { component: forkliftList }, '/forklift/driverAdd.html': { component: forkliftDriverAdd }, '/forklift/forkliftLoggingList.html': { component: forkliftLoggingList }, '/forklift/forkliftRunLogList.html': { component: forkliftRunLogList }, '/forklift/driverList.html': { component: forkliftDriverList } }); var AppComponent = Vue.extend({ }); router.start(AppComponent, '#app');
页面模板我全部写在一个html里面,不知道是否有其他的方式,抽取出来每个模块独立一个js文件?
解决方案
你把代码贴上来啊,兄弟,只给个报错信息有点难回答啊