在一个vue项目中使用vue-konva,按照vue-konva官方文档步骤

 1. 通过 npm 安装npm install vue-konva konva --save2. 导入和使用VueKonvaimport Vue from 'vue'; import VueKonva from 'vue-konva'Vue.use(VueKonva)3. 在您的组件模板中引用<template><v-stage :config="configKonva"><v-layer><v-circle :config="configCircle"></v-circle></v-layer></v-stage></template><script>export default {data() {return {configKonva: {width: 200,height: 200},configCircle: {x: 100,y: 100,radius: 70,fill: "red",stroke: "black",strokeWidth: 4}};}};</script>

完成上述步骤后运行出现报错 template or render function not defined.

问题原因:版本不兼容
我用的这些版本组合解决了问题:

 "konva": "2.6.0","vue": "^2.6.2","vue-konva": "2.0.0",

版本组合不唯一,可以根据项目需求更换

安装 vue-konva 后提示组件未安装相关推荐

  1. bugfree 检测不到mysql_安装bugfree时,提示Mysql未安装,找了网上的方法更改代码,但是还没有得到解决,怎么办?...

    源自:- 安装bugfree时,提示Mysql未安装,找了网上的方法更改代码,但是还没有得到解决,怎么办? 问题出现在bugfree安装检查环境时,一直提示未安装mysql. 小编百思不得其姐,  最 ...

  2. android 讯飞语音 提示组件未安装,讯飞语音听写API 未安装组件 错误码21001

    在使用讯飞语音听写时,使用云端听写而不是使用本地出现这个未安装组件错误那可能就是so文件没有成功导入.文档中都是ADT环境的配置,在AndroidStudio中jar包等都和ADT差别不大,但是SO文 ...

  3. bugfree安装中mysql未安装_安装bugfree时,提示Mysql未安装,找了网上的方法更改代码,但是还没有得到解决,怎么办?...

    问题出现在bugfree安装检查环境时,一直提示未安装mysql. 小编百思不得其姐,  最后发现问题出现在xampp安装的时最新的php7.x. 7.x在原来代码的基础上移除了部分mysql的方法 ...

  4. android h 系统找不到指定路径,Hbuilder真机运行安卓机找不到设备及找到设备后提示手机未安装android_base.apk问题解决办法-Go语言中文社区...

    本人第一次使用HBuilder联安卓机调试自己写的demo,遇到了一些棘手的问题,解决后把它记录下来希望能帮助刚进入这一领域的新手解决遇到的相同问题 问题描述1:使用HBuilder开发工具新建一个 ...

  5. Hbuilder真机运行安卓机找不到设备及找到设备后提示手机未安装android_base.apk问题解决办法

    本人第一次使用HBuilder联安卓机调试自己写的demo,遇到了一些棘手的问题,解决后把它记录下来希望能帮助刚进入这一领域的新手解决遇到的相同问题 问题描述1:使用HBuilder开发工具新建一个 ...

  6. APP打开提示 应用未安装

    AndroidStudio打包APK提示"应用未安装"问题解决方案,在AndroidStudio上对项目进行打包签名后安装在手机上,提示"应用未安装",经排查发 ...

  7. AndroidStudio打包APK提示“应用未安装”问题

    在AndroidStudio上对项目进行打包签名后安装在手机上,提示"应用未安装",经排查发现和我上一个项目的应用不能同时安装在同一部手机上,可单独安装,出现冲突.经排查包名.ap ...

  8. 编译生成的Apk安装到手机提示应用未安装,需给apk签名

    本人昨晚写个小测试程序编译生成APK后无法安装,安装一直提示应用未安装 原因是因为apk没有签名 在Eclipse中导出带有自己签名的Android apk文件: 在eclipse中选择一个工程,右键 ...

  9. Flash不同版本的下载安装及必要的系统组件未正常运行的解决办法

    在一个外包平台刷入职培训视频,类似于慕课的课程,需要安装Flash才能播放.一般推荐谷歌浏览器,值得注意的是2020年12月,谷歌浏览器将不再支持flash flash官网 安装步骤 在百度搜索&qu ...

最新文章

  1. 阿里规范不建议多表join,可这SQL要怎么写啊?
  2. 图像处理-PCA人脸识别
  3. linux命令使用全集
  4. 著名数据库状告分支,法院:100%开源为虚假宣传!
  5. leetcode 551. 学生出勤记录 I(Java版)
  6. 动力环境监控系统论文_机房动力环境监控系统说明
  7. c语言割线法解非线性方程,用割线法解非线性方程组.doc
  8. 2013年6月12日星期三
  9. node.js(一)基础介绍
  10. Micropython TurnipBit 旋转按钮控制直流电机转速(儿时记忆中的吊扇)
  11. 机器学习- 吴恩达Andrew Ng - week3-4 solve overfitting
  12. JUCE框架教程(2)—— 创建一个基本的音频/MIDI 插件第一部分:设置
  13. 内网ip映射外网方法
  14. 判断玩家是否开全图挂
  15. C# 操作Word文本框——插入图片、表格、文字、超链接等
  16. 为何农历10月1号要祭祖上坟?原来有这么多讲究,你知道吗?
  17. 强烈推荐几个超厉害的公众号!
  18. 经济学的基础 —— 稀缺
  19. Node-RED使用指南:22:定制化Node的使用方法
  20. 84个SEO面试问题

热门文章

  1. Java设计模式(二)装饰模式学习
  2. 机器学习之正则化(Regularization)
  3. 【前端】Vue项目开发流程
  4. 9.19 万兴科技笔试
  5. oracle sql查询语句将clob转换为String类型
  6. 【LeetCode】852. 山脉数组的峰顶索引(C++)
  7. 神经网络反向传播理解
  8. [FOJ 2121] 神庙逃亡
  9. Linux监控Nginx服务,关闭就自动重启
  10. taro里的三元运算判断与map循环