如何在Vue和斯诺中配置运行时编译
如何在Vue和斯诺中配置运行时编译
提问于 2020-11-12 12:58:45
我正在尝试通过运行时编译获得一个Vue项目设置，但我不太确定如何在中配置它。
基本上，当我运行这个项目时，我会得到一个空白的屏幕和通常的"Vue警告:组件提供的模板“选项，但是在这个Vue的构建中不支持运行时编译。
目前，我的文件如下所示：
snowpack.config.js：
/** @type {import("snowpack").SnowpackUserConfig } */
module.exports = {
mount: {
public: '/',
src: '/_dist_',
},
plugins: [
'@snowpack/plugin-vue',
'@snowpack/plugin-dotenv'
],
...
}index.js：
import { createApp } from "vue";
// import App from "./App.vue";
import First from "./First.vue";
// const app = createApp(App);
const app = createApp({
data() {
return {
message: 'duck',
}
}
});
app.component('first', First);
app.component('ducks', {
props: ['todo'],
template: '<li>{{ todo }}</li>'
});
app.mount("#app");
// Hot Module Replacement (HMR) - Remove this snippet to remove HMR.
// Learn more: https://www.snowpack.dev/#hot-module-replacement
if (import.meta.hot) {
import.meta.hot.accept();
import.meta.hot.dispose(() => {
app.unmount();
});
}index.html：
...
<body>
<div id="app">
<p>stuff should be fine:</p>
<p>{{message}}</p>
<ul>
<li>hello</li>
<ducks todo="testing"></ducks>
<ducks todo="goats"></ducks>
<ducks todo="canoes"></ducks>
</ul>
</div>
<noscript>You need to enable JavaScript to run this app.</noscript>
<script type="module" src="/_dist_/index.js"></script>
</body>
...我试过添加一个别名，但这似乎没有任何作用：
snowpack.config.js
module.exports = {
...
plugins: [
'@snowpack/plugin-vue',
'@snowpack/plugin-dotenv'
]
...
alias: {
'vue': 'vue/dist/vue.esm-bundler.js'
}有人知道我如何获得运行时编译设置吗？
谢谢，马特
回答 1
Stack Overflow用户
发布于 2021-02-14 18:51:20
通过使用import { createApp, h } from "vue/dist/vue.cjs.prod.js";，我设法修复了这个问题。
但我不确定这是否会在未来引发其他问题。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/64804391
复制相关文章
相似问题
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号