如何为Typescript和Vue 3.0配置类型捆绑和运行时编译

如何解决如何为Typescript和Vue 3.0配置类型捆绑和运行时编译

我正在关注Vue getting started guide，并想使这个简单的示例生效：

HTML：

<div id="counter">
  Counter: {{ counter }}
</div>

打字稿：

const Counter = {
  data() {
    return {
      counter: 0
    }
  }
}

Vue.createApp(Counter).mount('#counter')

为此，我已经安装：

npm install vue@next

并且我将其导入：

import * as Vue from "vue";

HTML片段和Typescript脚本被放入index.html文件中。它与parcel捆绑在一起，并与serve本地托管。

Vue提供了Typescript类型，如果我这样导入Vue，则可以正确提取它们。但是，当我打开托管项目时，会出现错误消息：

Component provided template option but runtime compilation is not supported in this build of Vue. Configure your bundler to alias "vue" to "vue/dist/vue.esm-bundler.

我遵循了建议，并将导入内容更改为：

import * as Vue from "vue/dist/vue.esm-bundler";

这使示例代码按预期工作。但是现在打字信息丢失了。

在允许运行时编译的同时将Vue与Typescript和捆绑程序结合的正确方法是什么？