使用vue-office报错TypeError: ft.createElementVNode is not a function

ops/2025/2/21 5:24:55/

支持多种文件(docx、excel、pdf、pptx)预览的vue组件库,支持vue2/3。也支持非Vue框架的预览。

官网:https://www.npmjs.com/package/@vue-office/excel?activeTab=readme
官方有实例代码,非常简单。

可以试一下,你的文件是否支持
演示地址:https://501351981.github.io/vue-office/examples/dist/#/docx

在这里插入图片描述

"@vue-office/docx": "^1.6.3",
"@vue-office/excel": "^1.7.14",
"@vue-office/pdf": "^2.0.10",
"vue-demi": "^0.14.10",

vue2才需要安装"@vue/composition-api": “^1.7.2”,vue3不需要,vue3版本至少要@3.2以上
nodejs:v16.20.1
vue:^3.2.13

如果提示错误,那就是vue版本不对
TypeError: ft.createElementVNode is not a function

建议升级vue版本
npm install vue@3.2.13

还有一点,vue-office不支持doc(2003年及以前的版本)


http://www.ppmy.cn/ops/160160.html

相关文章

SprinBoot整合HTTP API:从零开始的实战指南

在现代 Web 开发中,HTTP API 是前后端交互的核心。Spring Boot 作为 Java 生态中备受欢迎的框架,提供了简洁而强大的方式来构建和整合 HTTP API。本文将带你从零开始,通过具体代码示例,展示如何在 Spring Boot 中整合 HTTP API,实现高效、稳定的前后端通信。 一、为什么选…

【HarmonyOS之旅】基于ArkTS开发(三) -> 兼容JS的类Web开发(四) -> 常见组件(二) -> swiper

目录 1 -> 创建Swiper组件 2 -> 添加属性 3 -> 设置样式 4 -> 绑定事件 5 -> 场景示例 1 -> 创建Swiper组件 在pages/index目录下的hml文件中创建一个Swiper组件。 <!-- test.hml--> <div class"container"><swiper><…

Jmeter+Jenkins接口压力测试持续集成

项目介绍 接口功能测试应用&#xff1a; http://www.weather.com.cn/data/cityinfo/<city_code>.html 测试功能&#xff1a;获取对应城市的天气预报 请求方法&#xff1a;Get 压测脚本开发工具&#xff1a;jmeter 源码脚本位置&#xff1a; https://github.com/shife…

黑盒测试和白盒测试的主要优缺点

黑盒测试 vs. 白盒测试&#xff1a;优缺点对比 类别黑盒测试&#xff08;Black-box Testing&#xff09;白盒测试&#xff08;White-box Testing&#xff09;定义不关注代码实现&#xff0c;仅测试功能和输入输出关注代码逻辑&#xff0c;测试代码内部实现测试依据需求文档、功…

Linux系统编程之高级信号处理

概述 在前一篇文章中&#xff0c;我们介绍了signal函数、sigaction函数等基本的信号处理方法。在本篇中&#xff0c;我们将介绍信号处理的一些高级用法&#xff0c;包括&#xff1a;阻塞与解除阻塞、定时器等。 阻塞与解除阻塞 有时候&#xff0c;我们不希望某个信号立即被处理…

【JAVA工程师从0开始学AI】,第四步:闭包与高阶函数——用Python的“魔法函数“重构Java思维

副标题&#xff1a;当严谨的Java遇上"七十二变"的Python函数式编程 历经变量战争、语法迷雾、函数对决&#xff0c;此刻我们将踏入Python最迷人的领域——函数式编程。当Java工程师还在用接口和匿名类实现回调时&#xff0c;Python的闭包已化身"智能机器人"…

面试题之介绍下call,apply,bind相同点和不同点

call、apply 和 bind 是 JavaScript 中用于改变函数执行时 this 指向的方法。 1. call 方法 call 方法允许你调用一个函数&#xff0c;并显式地指定函数内部的 this 值&#xff0c;同时可以传递参数。 语法&#xff1a; JavaScript复制 function.call(thisArg, arg1, arg2…

【大语言模型_3】ollama本地加载deepseek模型后回答混乱问题解决

背景&#xff1a; 本地下载了DeepSeek-R1-Distill-Qwen-7B模型后&#xff0c;通过ollama create DeepSeek-R1-Distill-Qwen-7B -f ds7b.mf加载模型启动后回答混乱&#xff0c;无法使用。 解决方法 重新下载模型&#xff0c;选择了DeepSeek-R1-Distill-Qwen-7B-Q4_K_M.gguf 重…