vue.js - 上手vue-cli遇到问题，如何添加组件？

Question

我的错误： 您正在使用仅运行时构建的 Vue，其中模板编译器不可用。要么将模板预编译为渲染函数，要么使用包含编译器的构建。

我的 main.js 文件：

import Vue from 'vue'
// import App from './App.vue'
import VueRouter from 'vue-router'
import Search from './components/Search'
import Index from './components/Index'

Vue.config.productionTip = false;

const routes = [
    {path: '/', component: Index},
    {path: '/Search', component: Search}
];
const router = new VueRouter({
    routes
});
new Vue({
    router
}).$mount('#app');

我的组件大多相同，如下所示：

<template>
    index
</template>

<script>
    export default {
        name: "index"
    }
</script>

<style scoped>

</style>

我确信我做错了一件非常简单的事情，但我花了几个小时试图找到解决方案，但我没有找到解决方案。

我使用了默认的 vue-cli create，但不确定如何使其工作。我已尝试按照建议解决 vue 的 dist 版本，但我还没有找到任何方法来真正做到这一点。

也许我写错了我的组件？任何帮助将不胜感激。非常感谢

标签： vue.jsvue-cli