问题描述
我正在关注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和捆绑程序结合的正确方法是什么?
解决方法
暂无找到可以解决该程序问题的有效方法,小编努力寻找整理中!
如果你已经找到好的解决方法,欢迎将解决方案带上本链接一起发送给小编。
小编邮箱:dio#foxmail.com (将#修改为@)