首页 > 解决方案 > Vue:填充单个文件组件的模板标签时出错

问题描述

当我将某些内容放入单个文件组件中时出现错误

在此处输入图像描述

这是我的 Home.vue 文件:

<template>
</template>

<script>
export default {

}
</script>

<style>

</style>

这是我的 main.js 文件:

import Vue from 'vue';
import axios from 'axios';
import VueRouter from 'vue-router';

window.Vue = Vue
Vue.use(VueRouter)

window.axios = axios

import router from './routes';


new Vue({
    el: '#app',
    router,
    mounted: function() {
        console.log('lol')
    }
})

这是我的 routes.js 文件:

import VueRouter from 'vue-router';

let routes = [
    {
        path: '/',
        component: require('./views/Home.vue')
    }
]

export default new VueRouter({
    routes
});

当模板标签为空时,错误消失。

标签: vuejs2vue-sfc

解决方案


推荐阅读