问题遇到的现象和发生背景
Vue-cli创建了一个新的项目,添加新组件,路由访问报错,但是访问HelloWorld组件是Ok的
问题相关代码,请勿粘贴截图
import Vue from 'vue'
import Router from 'vue-router'
import HelloWorld from '@/components/HelloWorld'
import MyTest from '@/components/MyTest.vue'
Vue.use(Router)
export default new Router({
routes: [
{
path: '/',
name: 'HelloWorld',
component: HelloWorld
},
{
path: '/MyTest',
name: 'MyTest',
component: MyTest
}
]
})
运行结果及报错内容
vue.esm.js?efeb:628 [Vue warn]: Failed to mount component: template or render function not defined.
found in
---> <MyTest> at src/components/MyTest.vue
<App> at src/App.vue
<Root>
我的解答思路和尝试过的方法
主要是创建项目自身的HelloWord组件没问题,自己添加的MyTest访问就报错,应该不是VueLoader的问题,也不是网上所说的什么没加.Vue后缀,用Require方式也是一样