Component is missing template or render function

198 阅读 0 评论 131 点赞

我是靠谱客的博主粗心可乐，这篇文章主要介绍Component is missing template or render function，现在分享给大家，希望可以做个参考。

引入如下：

报错如下：

【错误原因】：

引入的时候没有加文件后缀！！！！！

解释：

其实按道理，webpack的规则是允许 .vue .js 文件在引入的时候省略文件名后缀的。
import test from './test.vue'
import test from './test' //等同于

import test from './test.js'
import test from './test' //等同于
但是当目录下同事存在 test.js 和 test.vue 文件的时候，会优先引入 .js 文件（js>vue）。

【扩展】：当引入只写到文件夹一级的时候

if(package.json存在 && package.main字段存在 && package.main指定的js存在) {
取package.main指定的js作为from的来源，即使该js可能格式或内容错误
} else if(index.js存在){
取index.js作为from的来源
} else {
取index.vue作为from的来源
}