使用vue-konva和cdn，而不使用ES6编译器。
使用vue-konva和cdn，而不使用ES6编译器。
提问于 2018-12-13 00:15:19
在cdn中使用vue-konva并没有ES6编译器是可行的，我尝试使用本页https://konvajs.github.io/docs/vue/中提供的下一段代码。
<html>
<head>
<meta charset='utf-8'>
<meta name='viewport' content='width=device-width, initial-scale=1, shrink-to-fit=no'>
<meta http-equiv='x-ua-compatible' content='ie=edge'>
</head>
<body>
<div id='app'>
<v-stage ref="stage" :config="configKonva">
<v-layer ref="layer">
<v-circle :config="configCircle"></v-circle>
</v-layer>
</v-stage>
</div>
<!--1. Link Vue Javascript & Konva-->
<script src='https://unpkg.com/vue/dist/vue.js'></script>
<script src='https://cdnjs.cloudflare.com/ajax/libs/konva/1.7.6/konva.js'></script>
<!--2. Link VueKonva Javascript (Plugin automatically installed)-->
<script src='./lib/vue-konva.min.js'></script>
<script>
// 3. Create the Vue instance
new Vue({
el: '#app',
data: {
configKonva: {
width: 200,
height: 200
},
configCircle: {
x: 100,
y: 100,
radius: 70,
fill: 'red',
stroke: 'black',
strokeWidth: 4
}
}
})
</script>
</body>
</html>但是./lib/vue-konva.min.js不存在，当我删除该行时
vue.js:616 Vue警告:未知的自定义元素：-您正确注册了组件吗？对于递归组件，请确保提供"name“选项。 vue.js:616 Vue警告:未知的自定义元素：-您正确注册了组件吗？对于递归组件，请确保提供"name“选项。 未知自定义元素：-正确注册组件吗？对于递归组件，请确保提供"name“选项。
回答 1
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/53753286
复制相关文章
相似问题
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号