createElement is not a function 编写代码高亮功能遇到的问题

参考博客https://stackoverflow.com/questions/64114215/using-vue-chartjs-in-vue-3-createelement-is-not-a-functionhttps://v3.vuejs.org/guide/migration/render-function-api.html#_2-x-syntax-2

海马区

4719人浏览 · 2021-10-11 14:38:33

海马区 · 2021-10-11 14:38:33 发布

问题：
createElement is not a function

参考资源： https://www.npmjs.com/package/vue3-highlightjs?activeTab=dependencies
在这里插入图片描述

参考博客
https://stackoverflow.com/questions/64114215/using-vue-chartjs-in-vue-3-createelement-is-not-a-function

https://v3.vuejs.org/guide/migration/render-function-api.html#_2-x-syntax-2

createElement is not a function

解决
我是要显示xml 和json，因为项目需求是展示生产的 bpmn的xml或json，网上都是vue2.x编码的，我的项目是vue3.x，所以不能直接照搬，直接复制的

 <highlightjs :language="previewType" :code="previewResult" />

不能正常使用，原来的是 “highlight.js”: “^10.7.3”, 这个依赖，所以换为下面的依赖
“vue3-highlightjs”: “^1.0.5”, 即可
参考：
https://www.npmjs.com/package/vue3-highlightjs?activeTab=dependencies
点击 readme
在这里插入图片描述
引入

使用效果

展示xml和json
在这里插入图片描述

Vue

前往低代码交流专区

更多推荐

vue 表单验证

1、6位小写字母和数字必须包含两个字母rules: [{ required: true, message: "XXX不能为空", trigger: "blur" },{ max: 6, message: "最大长度为6位字符", trigger: "blur" },{pattern: /^(?=(?:[^a-z]*[a-z]){2})[a-z0-9]{6,6}$/, //不连续的两位字母// /^