Javascript 如何在Vue和Snowpack中配置运行时编译

我正试图通过运行时编译获得一个Vue项目设置，但我不太确定如何在Snowpack中配置它

基本上，当前当我运行项目时，我会看到一个空白屏幕和通常的“[Vue warn]：组件提供的模板选项，但在此Vue版本中不支持运行时编译。请将绑定器配置为别名“Vue”为“Vue/dist/Vue.esm bundler.js”

当前我的文件如下所示：

snowpack.config.js：

/**@type{import（“snowpack”）.SnowpackUserConfig}*/
module.exports={
安装：{
公众：“/”，
src:“/”地区“，
},
插件：[
“@snowpack/plugin vue”，
“@snowpack/plugin dotenv”
],
...
}

index.js：

从“vue”导入{createApp}；
//从“/App.vue”导入应用程序；
首先从“/First.vue”导入；
//const-app=createApp（app）；
const app=createApp({
数据（）{
返回{
信息：“鸭子”，
}
}
});
附件组件（“第一”，第一）；
应用程序组件（'ducks'{
道具：[待办事项]，
模板：“
{{todo}
”
});
应用程序安装（“应用程序”）；
//热模块替换（HMR）-删除此代码段以删除HMR。
//了解更多信息：https://www.snowpack.dev/#hot-模块更换
if（import.meta.hot）{
import.meta.hot.accept（）；
import.meta.hot.dispose（（）=>{
app.unmount（）；
});
}

index.html：

。。。
东西应该是好的：

{{message}}


你好

您需要启用JavaScript才能运行此应用程序。
...

我尝试添加别名，但似乎没有任何效果：

snowpack.config.js

module.exports={
...
插件：[
“@snowpack/plugin vue”，
“@snowpack/plugin dotenv”
]
...
别名：{
“vue”：“vue/dist/vue.esm bundler.js”
}

有人知道我如何获得运行时编译设置吗

谢谢，

---

Matt

我通过从“vue/dist/vue.cjs.prod.js”导入{createApp，h}解决了这个问题

---

但我不确定这是否会在未来产生其他问题。

这条评论让我大吃一惊！我正在尝试制作一些原型，我的计划中不包括摆弄网页。