Vue.js迁移到2.0:未能装载组件:未定义模板或渲染函数。(在根实例中找到)

Vue.js迁移到2.0:未能装载组件:未定义模板或渲染函数。(在根实例中找到),vue.js,Vue.js,//编辑:我想问题已经解决了。我需要vue的独立版本 我已将我的vue.js 1.0应用程序迁移到vue.js 2.0(使用迁移助手)。但此错误显示我在控制台中未能装载组件:未定义模板或渲染函数。(在根实例中找到) 以下是我的简化main.js: import Vue from 'vue'; import Router from 'vue-router'; import SiteHeader from './components/Header.vue'; import Content from

//编辑:我想问题已经解决了。我需要vue的独立版本

我已将我的vue.js 1.0应用程序迁移到vue.js 2.0(使用迁移助手)。但此错误显示我在控制台
中未能装载组件:未定义模板或渲染函数。(在根实例中找到)

以下是我的简化main.js:

import Vue from 'vue';
import Router from 'vue-router';

import SiteHeader from './components/Header.vue';
import Content from './components/Content/Content.vue';
import SiteFooter from './components/Footer.vue';

Vue.use(Router);

const router = new Router({
  mode: 'history',
  root: '/',
  routes: [
    { path: '/', component: Content }
  ]
});

new Vue({
  router,

 components: {
    SiteHeader, SiteFooter
  }
}).$mount('body');
Content.vue
是一个普通的
vue
文件,带有模板和脚本(这里没有什么特别的)

我的“路由器视图”在laravel.blade文件中定义

 @if(Request::is('login'))
  <login></login>
 @else
  <site-header></site-header>
  <router-view></router-view>
  <site-footer></site-footer>
 @endif
@if(请求::is('login'))
@否则
@恩迪夫

对于初学者,不允许安装到Vue 2.0中的body元素

此外,正如错误消息所述,您尚未提供模板或渲染函数

我假设(正如您没有显示的)您直接在HTML页面中有模板标记

这可以工作,但仅适用于Vue的“独立”版本。然而,Vue的npm包的默认导出是“运行时构建”,它不能解析这样的模板代码

详情请参阅:


我告诉他,他需要独立软件包和Vue.js的链接文档,这些文档解释了如何做到这一点。这不算数吗?我真的要把它说清楚吗?(严肃的问题,不是100%熟悉SO规则/网络礼仪)对不起,以前被误解了。你在这里很好。删除我以前的评论。