Javascript Vue.js:未能装载组件：未定义模板或渲染函数

我正在用Vue.js 2构建我的第一个应用程序，但无法找出错误

我正在使用完整构建（

webpack.config.js

）：

我的html：

<div id="app">
    <adv-component></adv-component>
</div>

component.vue

：

<template id='asd'>
    <div>
        Hello Single File Component!
    </div> 
</template>

<script>
    export default {     
        data () {
            return 0;
        }
    }  
</script>

你好，单文件组件！
导出默认值{
数据（）{
返回0；
}
}  

错误：

[Vue warn]: Failed to mount component: template or render function not defined.

found in

---> <AdvComponent>

[Vue warn]：未能装载组件：未定义模板或呈现函数。
发现于
---> 

---

如何修复错误？

Vue组件通常使用

导出默认值{/*…*/}

导出，因此它有助于默认导入，如从“./component.Vue”导入组件（ES6语法）

当使用

require（）

（CommonJS）时，您必须指定您需要

默认值

导出：

var vueComponent=require（'./component.vue'）。默认值；

你能从模板标签中删除'id='asd'吗？@samayo尝试过。没用。这是我试图首先解决的问题——在某个地方读到这是必要的，你在使用吗？|还有，你试过了吗？@yuriy636哇！谢谢<代码>默认值成功了。如果你能把它作为一个答案，并解释一下

default

的功能（我在

webpack

和相关方面完全没有经验），我很乐意接受这个答案如果我使用的是RequireJS而不是CommonJS，解决方案是什么？

<template id='asd'>
    <div>
        Hello Single File Component!
    </div> 
</template>

<script>
    export default {     
        data () {
            return 0;
        }
    }  
</script>

[Vue warn]: Failed to mount component: template or render function not defined.

found in

---> <AdvComponent>