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

vue 报错 Failed to mount component: template or render function not defined._第1张图片

报错

vue 报错 Failed to mount component: template or render function not defined._第2张图片

改成下面这个样子引用就好使了

vue 报错 Failed to mount component: template or render function not defined._第3张图片

可是我不想单个文件引入最后只需要这样就行了

vue 报错 Failed to mount component: template or render function not defined._第4张图片

 

vue-cli脚手架搭建的项目

vue-loader 版本 "vue-loader": "^13.3.0"

解决办法 一种是回退vue-loader到低版本 另一种就是在引用后面添加default

原因是新版本引入组件需要这样引用:const HelloWorld = require('@/components/HelloWorld').default

 

第二种可能就是模板的代码有问题

刚开始报这个错误的时候一直在查找js 也定位了 就是mount的时候报的错。最后发现是在vue页面不小心加了一行乱七八糟的代码!

这种泛指的问题就要一点点定位,一点点排查,没有别的办法!!

 

 

 

 

你可能感兴趣的:(vue+webpack,html+js+css)