vue报错之Failed to mount component: template or render function not defined.

[Vue warn]: Failed to mount component: template or render function not defined.
一分钟前页面好好的,一分钟后页面显示空白,并报错[Vue warn]: Failed to mount component: template or render function not defined.
百度了下说我template标签用的不对,但是我都是代码块自动生成的呀!最后想了下我这一分钟新建了一个index.js文件,是不是这个文件的问题,把名字改成module.js问题解决。

重述问题
vue报错之Failed to mount component: template or render function not defined._第1张图片
这是我得目录结构
vue报错之Failed to mount component: template or render function not defined._第2张图片
我import的时候import xxx from ‘./index’ 那么此时有两个index文件,因为优先级js>vue,自然就会调用index.js文件,那页面显示空白就是正常的了,js里都是定义的方法,没有vue模版报Failed to mount component: template or render function not defined.也顺理成章了。具体的import省略后缀与加载文件夹说明我找了一篇比较全的帖子,想补课的可以去看看=》Vue中import from的来源:省略后缀与加载文件夹

解决办法
如果还想用省略后缀的办法导入模块,那么就得把重名index.js文件换个名字;
如果不想改名字那就在导入模块是加上index.vue后缀。

你可能感兴趣的:(vue,vue)