[Vue 警告]：无法解析组件
Posted
技术标签:
【中文标题】[Vue 警告]：无法解析组件【英文标题】：[Vue warn]: Failed to resolve component 【发布时间】：2015-06-14 07:46:55 【问题描述】：这是我的代码：
window.onload = function ()
var main = new Vue(
el: '#main',
data:
currentActivity: 'home'
);
Vue.component('home',
template: '#home-template'
);
;
这是我的模板：
<head>
<script type="text/x-template" id="home-template">
<div class="banner dark">
<div class="content">says some shit</div>
</div>
<div class="banner light">
<div class="content">says some other shit</div>
</div>
</script>
</head>
当我加载页面时，我收到以下警告：
[Vue warn]: Failed to resolve component: home
这个错误：
Uncaught TypeError: Cannot read property '_refID' of undefined
我做错了什么？
【问题讨论】：
你能设置一个 jsfiddle，你的代码看起来一切正常吗？ 【参考方案1】：您必须在创建 Vue ViewModel 之前创建您的 Vue.component，即在 new Vue() 之前，或者在 created 事件中的 ViewModel 中创建您的 Vue.component。
这里是jsfiddle 使用第一种方法，这里是jsfiddle 显示第二种方法。
【讨论】：
以上是关于[Vue 警告]：无法解析组件的主要内容，如果未能解决你的问题，请参考以下文章
vue-router 无法解析async组件默认值。ChunkLoadError: 加载chunk vendors~demo失败