[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问题解决。

重述问题
目录结构
这是我得目录结构
报错显示
我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后缀。

Logo

基于 Vue 的企业级 UI 组件库和中后台系统解决方案,为数万开发者服务。

更多推荐