Typescript Vue:无法装入组件:未定义模板或呈现函数

Question

我想要将typescript添加到我的vue项目中的每个人，现在编译都没有错误，但只要我打开页面，控制台中就会出现一条错误消息：

vue.runtime.esm.js?2b0e:619 [Vue warn]: Failed to mount component: template or render function not defined.

found in

---> <App> at src/App.vue
       <Root>

这是我的main.ts

import Vue from 'vue'
import App from './App.vue'
import router from './router/router'
import store from './store/store'

// @ts-ignore
import VueFormulate from '@braid/vue-formulate'

import api from './api/api'

import './assets/scss/app.scss'

import './registerServiceWorker.ts'

Vue.config.productionTip = false
// @ts-ignore
Vue.$api = api;
Object.defineProperty(Vue.prototype, '$api', {
    get() {
        return api
    }
})

Vue.use(VueFormulate)

new Vue({
    router,
    store,
    render: h => h(App)
}).$mount('#app')

这是我的App.vue是，vue-class-components已安装

<template>
    <div class="container-fluid container-lg container-xl" id="app">
        <router-view></router-view>
    </div>
</template>

<script lang="ts">

import Component from "vue-class-component";
import Vue from "vue";

@Component
export default class App extends Vue{
    created(){
        console.log("foo");
    }
}

</script>

实际上，我直接从文档中复制了组件的结构，所以我假设我的错误一定是在我的main.ts中的某个地方。还要注意的是，这是一个vue2项目，所以使用vue3没有问题。

Answer 1

事实上，显示的配置没有错。我重新创建了一个最小的工作示例，复制了完全相同的文件，但它仍然不起作用。

工具链中的某个地方存在配置错误，我用vue线索重新安装了项目，并将原始文件复制回来，然后一切都正常了。